الجسم باستخدام bootstrap 3. تهدف الحلول التي تم استكشافها إلى الحفاظ على جمالية bootstrap دون المساس بالوظائف.

يعرض مشكلات في تحديد ارتفاع جسم الجدول. على الرغم من تحديد الارتفاع إلى 10 بكسل ، لا تزال النتيجة دون تغيير. تتطلب هذه المشكلة طريقة بديلة. هذا النهج ينطوي على تعيين موقف: لزجة. أعلى: 0 ؛ إلى عناصر رأس الجدول (TH) ، مع التأكد من بقائها ثابتة في الجزء العلوي من الجدول. فيما يلي انهيار للتنفيذ: . TableFixhead {Overflow: Auto ؛ الارتفاع: 100px ؛ } .tablefixhead thead th {الموضع: sticky ؛ أعلى: 0 ؛ Z-index: 1 ؛ }

في الكود أعلاه ، نقوم بإنشاء حاوية مع tablefixhead class ، والتي تشمل الفائض: auto ؛ لجعل الجدول قابل للتمرير وارتفاع 100 بكسل لتحديد الجزء المرئي. يتم تعيين عناصر رأس الجدول الموضع: لزجة. أعلى: 0 ؛ لجعلها ثابتة في الجزء العلوي من المنطقة القابلة للتمرير.