Belang pada table (zebra stripe)
Posted by mkhairulBerikut adalah cara untuk format table supaya mempunya ‘zebra stripe‘. Sesetengah orang kata, bantuan yang diberikan oleh zebra stripe ni hanyalah mitos dalam meningkatkan keboleh bacaan data dalam bentuk jadual (tabular). Data daripada kajian (Zebra Stripes: Does it really help?) yang dijalankan oleh Jessica Enders di A List Apart menyatakan yang ianya membantu. Pada diri saya, ia membantu, entahlah, lain orang lain cara dibantu.
Berikut adalah cara saya menggunakannya dalam bentuk javascript.
$(document).ready(function(){
$("table tbody tr:nth-child(odd)").addClass("odd");
})
Dimana ia akan memasukkan class ‘odd’ kedalam baris yang ganjil dan formatkan dalam bentuk berikut:
tr.odd{ background-color: #C3D9FF; }
Edit: Terlupa nak beritahu, anda memerlukan jquery.
