تعرض الصفحة شريط التمرير ، ولكن ليس في الجدول.
قم بإنشاء حاوية فوقها.
<div id="container">
<!--your table -->
</div>
وباستخدام css ، قم بما يلي:
#container { width:100%; overflow: auto }
AmitMY سيخفي جهاز النداء
+ 1 بحاجة إلى حاوية لعنصر الجدول
تحتاج إلى إحاطة الجدول بـ div say
<div id="container"><!--table here--></div>
في css ، قم بتطبيق النمط التالي على div حاوية
#container{white-space:nowrap; overflow: hidden;}
ثم قم بتطبيق النمط التالي على طاولتك
.table{display:block;overflow-x:scroll;}
سيؤدي هذا إلى إضافة شريط تمرير أفقي أسفل الجدول مباشرة وقبل div pager.
التعليق الأكثر فائدة
تحتاج إلى إحاطة الجدول بـ div say
<div id="container"><!--table here--></div>
في css ، قم بتطبيق النمط التالي على div حاوية
#container{white-space:nowrap; overflow: hidden;}
ثم قم بتطبيق النمط التالي على طاولتك
.table{display:block;overflow-x:scroll;}
سيؤدي هذا إلى إضافة شريط تمرير أفقي أسفل الجدول مباشرة وقبل div pager.