Ng-table: كيفية إظهار شريط التمرير الأفقي عند وجود العديد من الأعمدة المطلوب عرضها في جدول واحد؟

تم إنشاؤها على ٢٨ نوفمبر ٢٠١٥  ·  4تعليقات  ·  مصدر: esvit/ng-table

qq 20151128203444
تعرض الصفحة شريط التمرير ، ولكن ليس في الجدول.

التعليق الأكثر فائدة

تحتاج إلى إحاطة الجدول بـ div say
<div id="container"><!--table here--></div>

في css ، قم بتطبيق النمط التالي على div حاوية
#container{white-space:nowrap; overflow: hidden;}

ثم قم بتطبيق النمط التالي على طاولتك
.table{display:block;overflow-x:scroll;}

سيؤدي هذا إلى إضافة شريط تمرير أفقي أسفل الجدول مباشرة وقبل div pager.

ال 4 كومينتر

قم بإنشاء حاوية فوقها.
<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.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات