انتقل إلى محتوى الدرس

Hoverable and Active Rows تفاعل المرور والصف النشط

صمّم جداول بيانات احترافية ومتاحة في بوتستراب 5.3 باستخدام كلاس table والألوان السياقية وتخطيط الصفوف والأعمدة وتفاعل المرور والحدود المضغوطة والجداول المتجاوبة للتمرير.
2 صفوف تعليمية
بوتستراب 5
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عندما يتفحص المستخدم جدولاً كثيف الأرقام بالمؤشر، يضيف كلاس .table-hover إضاءة تفاعلية فورية على الصف الذي يمر فوقه المؤشر داخل <tbody>، مما يقلل خطأ قراءة الخلية المجاورة.

وإذا أردت تثبيت تمييز صف محدد أو خلية بعينها باعتبارها العنصر قيد المعاينة حالياً دون انتظار مرور المؤشر، أضف كلاس .table-active مباشرة إلى <tr> أو <td>.

الصف 2 معاينة حية