هذه وظيفة أكثر عملية. بعد ضبط الصفوف الفردية والزوجية على ألوان مختلفة، من الواضح أن تجربة قراءة بيانات الجدول ستصبح أفضل. وإلا ستظهر البيانات معقدة للغاية ومزدحمة (ستكون التجربة واضحة بشكل خاص عندما يكون هناك الكثير منها). صفوف بيانات الجدول). فقط عندما تقوم بهذا الجانب بنفسك، ستكون لديك تجربة قوية على أي حال، لقد جربته للتو، لذا سأتركه هنا كمرجع ~
رمز البرنامج النصي الأساسي لـ JS هو كما يلي (يتم ضبط معرف عنصر الجدول وفقًا لحالتك الخاصة. يمكن تنزيل jquery-1.7.min.js الموجود في الكود من موقع jquery الرسمي)
انسخ رمز الكود كما يلي:
<script src="jquery-1.7.min.js"></script>
<النص البرمجي>
$(مستند).جاهز(وظيفة(){
SetTableRowColor();
});
// استخدم CSS للتحكم في لون الصفوف الفردية والزوجية
الدالة SetTableRowColor()
{
$("#Table tr:odd").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
}
</سكيربت>