كيف تتعاملون مع الجداول عندما تكثر أعمدتها؟

Watheq_Alshowaiter

عندما تطول أعمدة الجدول يتشوه ولا أدري كيف أتعامل معه خاصة في لوحة التحكم لضرورة الجدول وبياناته.. ما التقنيات التي تستخدمونها لحل هذه المشكلة؟

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

لا تقم بعرض كل شئ بالجدول

فالجدول هو ملخص لعرض المعلومات الاساسية فقط ولو وضعت كل المعلومات لن تستطيع التميز بينهم

قم بوضع المعلومات الاساسية وزر المزيد لفتح صفحة أو شاشة لعرض باقي المعلومات

إذا كان ولا بد ان تعرض كل شئ في الجدول فيمكنك تجميع البيانات المتشابه ليختار المستخدم أي بيانات يريد رؤيتها

وهناك أشياء ليس لها أهمية مثلا خانة مكتملة فوجود تاريخ إكمال يعطي نفس المعني - لماذا تكتب الرابط كاملا يمكنك كتابة كلمة رابط فقط أو تحويل اسم الكورس لرابط - الكورسات يمكنك كتابة كورسين واضافة tooltip تظهر بباقي الكورسات عند الوقوف فوقها Hover

ربما مكتبة Datatables مفيدة لهذه الأشياء

ربما، لا أدري.. جربتها قبل فترة في مشروع آخر.. أعجبني القدرة الهائلة لاسترجاع نتائج البحث آنيا.

نعم فهي ممتازة ويوجد ايضاً بعض plugins لها مثل responsive قد تكون مناسبة في حالتك هذه

إذا كان مشروع ويب

يمكنك إضافة الجدول داخل div مثلا

كود html

<div class="table-responsive">

<table class="table">

</table>

</div>

كود css

.table-responsive {

display: block;
width: 100%;
overflow-x: auto;

}

بدلا من كتابة الرابط بالكامل يفضل كتابة كلمة الرابط أو أي كلمة مناسبة وتحويلها لرابط تشعيبي وعند الضغط عليها يتم الانتقال إلى الصفحة المطلوبة

مثلا

<a href="#">الرابط</a>

هناك عدة حلول لحل هذه المشكلة. اذا كنت تفضل استخدام الجدول لعرض البيانات فقم باختصار محتوى كل عمود واستخدم الازرار لفتح نوافذ لعرض النصوص الطويلة. اما اذا كان الجدول غير مهم فقم بعرض البيانات بالتنسيق والتصميم المناسبين. خذ أفكار عرض البيانات من behance على سبيل المثال. والله اعلم.

هنالك مفهوم في قواعد البياانات يدعى الـتطبيع normalization 

ويتم تطبيقه على عدة مراحل ، ستجد الكثير من الدورات و الشروح على يوتيوب حول مفهوم التطبيع

كنت اواجه مشكلة مشابهة في أحد المشاريع ، وقد وصل متوسط زمن الإستعلام لـ ٣ ثوان !

ولحد المشكلة قمت بعمل فصل لعدة جداول عن بعضها البعض في محاولة لتفادي التكرار و انشأت مفاتيح فهرسة لبعض الجداول

أبالختام تعلمك لتكنيكات التطبيع سيجعل التطوير أسرع مستقبلًا و سيزيد من توفير الموارد

شكرا.. هذا المشروع ليس فيه قواعد بيانات أصلا.. مجرد نقل ملفات إكسل csv والمشكلة بالتصميم بالأساس.

ممكن مثال أو سكرين شوت أو شيئ من هذا القبيل .. لأنه السؤال مبهم نوعا ما .. قد نفيدك و لو بفكرة

مثل ما هو موجود في هذه الصورة.. تعدى الجدول إطار الصفحة الطبيعي...

هل في SQL أو NOSQL؟

في SQL يكون الأمر عاديا.. لايتشوه!!

في الNOSQL قد يكون هنالك مشكلة للتعرف وأداة 'ROBO 3T' تساعد.

التشوه في التصميم، يمكنك مشاهدة الصورة .. وليس له علاقة بالSQL .. لم أستخدم في هذا المشروع البسيط حتى SQL كان مجرد ملف CSV قرأته على صفحة ويب..

حسنا..

لاأعرف (أداة) لذلك.. كفكرة:

-هل يصلح لك إستعمال overflow داخل div يحتوي الجدول.

-عرض نصف البيانات والبقية بعد الضغط (...) وعرضها بطريقة غير أفقية.. [عرض المعلومات الضرورية وبجانبها المزيد.]

عرض نصف البيانات والبقية بعد الضغط (...)

فكرة جميلة قد تحل المشكلة..

حسب ما أرى أنه هنالك تبذير في عرض بعض الأعمدة .. مثل عمود الرابط مثلا أخذ 80% من الصفحة من دون فائدة , أظن أنك لا تحتاج أن تقرأ الرابط بأكمله لذلك يكفي فقط إظهار رابط الموقع و الباقي إجعله سكرول , مثلا هناك أعمدة فارغة و أخرى أقل أهمية قم بتصغيرها أيضا , و أيضا لا يوجد خطوط عمودية بين الأعمدة , هذا سيجعل عملية القراءة صعبة جدا لو قمت بتقريب الأعمدة من بعض , أقترح أن تضيف عمود فاصل بينها .

أنظر إلى هذا الجدول مثلا : 21 عمود و كلها ظاهرة .. أما جدولك فيحتوي على 12 عمود فقط

شكرا لك.. نعم كانت المشكلة في طول عمود الروابط.. سأحاول حل هذه المشكلة.. المشكلة إذا كان هناك رابط طويل جدا سيؤثر على كل العمود.

وبالنسبة للخطوط بين الأعمدة أشكرك على تنبيهي بأهميتها لتسهيل القراة

انظر للروابط التي يتم مشاركتها هنا في حسوب كيف يتم قصها ولكنها تؤدي الغرض عند الضغط عليها، هذا في حال كان مشروع ويب أما غير ذلك سكرول افقي مع max-width