Noir Zebra Stripes

USER_ADMIN	LVL_99
USER_GUEST	LVL_01
USER_ROOT	LVL_MAX

HTML_STRUCTURE

<table class='bh-table-v1-zebra'><tr><td>USER_ADMIN</td><td>LVL_99</td></tr><tr><td>USER_GUEST</td><td>LVL_01</td></tr><tr><td>USER_ROOT</td><td>LVL_MAX</td></tr></table>

CSS_STYLING

.bh-table-v1-zebra { width: 100%; border-spacing: 0; } .bh-table-v1-zebra tr:nth-child(odd) { background: #0a0a0a; } .bh-table-v1-zebra tr:nth-child(even) { background: #000; } .bh-table-v1-zebra td { padding: 15px; color: #666; font-weight: 900; font-size: 11px; border-left: 3px solid transparent; } .bh-table-v1-zebra tr:hover td { border-left-color: #fff; color: #fff; }

// DESIGN_NOTES: Komponen ini menggunakan CSS variabel untuk memudahkan kustomisasi warna dan transisi.