عندما تطول أعمدة الجدول يتشوه ولا أدري كيف أتعامل معه خاصة في لوحة التحكم لضرورة الجدول وبياناته.. ما التقنيات التي تستخدمونها لحل هذه المشكلة؟
كيف تتعاملون مع الجداول عندما تكثر أعمدتها؟
لا تقم بعرض كل شئ بالجدول
فالجدول هو ملخص لعرض المعلومات الاساسية فقط ولو وضعت كل المعلومات لن تستطيع التميز بينهم
قم بوضع المعلومات الاساسية وزر المزيد لفتح صفحة أو شاشة لعرض باقي المعلومات
إذا كان ولا بد ان تعرض كل شئ في الجدول فيمكنك تجميع البيانات المتشابه ليختار المستخدم أي بيانات يريد رؤيتها
وهناك أشياء ليس لها أهمية مثلا خانة مكتملة فوجود تاريخ إكمال يعطي نفس المعني - لماذا تكتب الرابط كاملا يمكنك كتابة كلمة رابط فقط أو تحويل اسم الكورس لرابط - الكورسات يمكنك كتابة كورسين واضافة tooltip تظهر بباقي الكورسات عند الوقوف فوقها Hover
إذا كان مشروع ويب
يمكنك إضافة الجدول داخل div مثلا
كود html
<div class="table-responsive">
<table class="table">
</table>
</div>
كود css
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
}
بدلا من كتابة الرابط بالكامل يفضل كتابة كلمة الرابط أو أي كلمة مناسبة وتحويلها لرابط تشعيبي وعند الضغط عليها يتم الانتقال إلى الصفحة المطلوبة
مثلا
<a href="#">الرابط</a>
هنالك مفهوم في قواعد البياانات يدعى الـتطبيع normalization
ويتم تطبيقه على عدة مراحل ، ستجد الكثير من الدورات و الشروح على يوتيوب حول مفهوم التطبيع
كنت اواجه مشكلة مشابهة في أحد المشاريع ، وقد وصل متوسط زمن الإستعلام لـ ٣ ثوان !
ولحد المشكلة قمت بعمل فصل لعدة جداول عن بعضها البعض في محاولة لتفادي التكرار و انشأت مفاتيح فهرسة لبعض الجداول
أبالختام تعلمك لتكنيكات التطبيع سيجعل التطوير أسرع مستقبلًا و سيزيد من توفير الموارد
هل في SQL أو NOSQL؟
في SQL يكون الأمر عاديا.. لايتشوه!!
في الNOSQL قد يكون هنالك مشكلة للتعرف وأداة 'ROBO 3T' تساعد.
التشوه في التصميم، يمكنك مشاهدة الصورة .. وليس له علاقة بالSQL .. لم أستخدم في هذا المشروع البسيط حتى SQL كان مجرد ملف CSV قرأته على صفحة ويب..
حسب ما أرى أنه هنالك تبذير في عرض بعض الأعمدة .. مثل عمود الرابط مثلا أخذ 80% من الصفحة من دون فائدة , أظن أنك لا تحتاج أن تقرأ الرابط بأكمله لذلك يكفي فقط إظهار رابط الموقع و الباقي إجعله سكرول , مثلا هناك أعمدة فارغة و أخرى أقل أهمية قم بتصغيرها أيضا , و أيضا لا يوجد خطوط عمودية بين الأعمدة , هذا سيجعل عملية القراءة صعبة جدا لو قمت بتقريب الأعمدة من بعض , أقترح أن تضيف عمود فاصل بينها .
أنظر إلى هذا الجدول مثلا : 21 عمود و كلها ظاهرة .. أما جدولك فيحتوي على 12 عمود فقط
شكرا لك.. نعم كانت المشكلة في طول عمود الروابط.. سأحاول حل هذه المشكلة.. المشكلة إذا كان هناك رابط طويل جدا سيؤثر على كل العمود.
وبالنسبة للخطوط بين الأعمدة أشكرك على تنبيهي بأهميتها لتسهيل القراة
مثال حي على هذه المشكلة
التعليقات