تجنب امتداد خطوط الطاولة مع ارتفاع الجدول الثابت والعدد المتغير من الصفوف؟

Question

لدي جدول في نموذج HTML. لديها ارتفاع ثابت لأسباب ضوئية. يختلف عدد الصفوف في الجدول اعتمادا على عدد حقول النماذج المتاحة.

المشكلة: إذا كان هناك عدد قليل جدا من الصفوف، فإن جميع الصفوف تمتد عموديا، مما يزيد من المسافة بين عناصر الإدخال.

يمكنني تجنب ذلك عن طريق إعطاء صفات البيانات الطول الثابت (وهمية). لا أحب هذا النهج لأنه لا يوجد ارتفاع ثابت يمكنني تقديمه (أحجام الخطوط النسبية، إمكانية الوصول) وأخشى المشاكل المستقبلية - قل على سبيل المثال أن IE9 يقرر تناول مرتفعات الخلايا حرفيا.

ماذا افعل؟ لدي صف آخر (فارغ) ولكن لا فكرة عما يجب وضعه هناك تلقائيا كل المساحة "المتاحة".

Answer 1

أعتقد أن هذا غير قابل للقيام.

Answer 2

ضعي الجدول الزائد في DIV مع ارتفاع ثابت الذي يحاكي الجدول (الحدود؟ BGColor؟).

بالمناسبة، فقط القيام به tbody { display: inline; } بدلا من صف فارغ يعمل في جميع المتصفحات الحقيقية. لا، ليس في MSIE. ال tbody عنصر لديه الكثير من أوجه القصور في MSIE. كما يفتقر إلى القدرة على overflow: scroll; التي ستكون رائعة للحصول على جدول قابل للتمرير مع رأس ثابت.

Answer 3

لم أستطع تعيين ارتفاع الخلية إلى 100٪ للخطر الفارغ الأخير، وهذا يجب أن يسبب هذا الصف الأخير ليأخذ بقية المساحة الثابتة

Answer 4

نعم، مواقع الويب المستندة إلى الجدول هي خارج الأعمار، ومع ذلك، لا تزال بحاجة إلى جداول لعرض البيانات. في الواقع، يجب أن أتفق مع Pekka أن هذا غير قادر على خلية الطاولة نفسها، ولكن هناك شيء يمكننا أزياءه:

حاول التخلص من البيانات داخل td خلية في أ div والأناقة ذلك div إلى الارتفاع الذي تريده وتعيين overflow الممتلكات إلى hidden.