شرح صفوف ومحتوى الفقرة
تستغني جداول لوحات التحكم الحديثة عن الخطوط العمودية الكثيفة بين الأعمدة، وتعتمد بدلاً منها على ثلاث تقنيات هادئة تقود العين أفقياً عبر كل سجل بوضوح:
- الفواصل الأفقية: الاكتفاء بخط سفلي رفيع عبر
border-bottom: 1px solid #e5dcf5;على الخلايا بدلاً من الإحاطة الكاملة. - تناوب ألوان الصفوف: إسناد الصنف المسطح
.table-row-altبلون خلفية خفيف مثلbackground-color: #f7f3fd;للصفوف المتناوبة لتسهيل متابعة السجلات العريضة. - إبراز الصف عند التمرير: تنسيق
tr:hoverبلون مميز يضيء كامل الصف فور مرور مؤشر الفأرة فوقه.
CSS
.table-row-alt {
background-color: #f5effc;
}
tr:hover {
background-color: #e9ddfa;
}