Zebra striping
Jump to navigation
Jump to search
Zebra striping is the coloring of every other row of a table to improve readability.[1] Especially in wide tables with numerous columns, it can be difficult for a reader following a row to be confident that their gaze has not strayed to an adjacent row without some means of distinguishing rows at a glance. Although zebra striping has been used for a long time to improve readability, there is relatively little data on how much it helps.[2][3]
Implementation
[edit | edit source]In HTML documents, zebra striping can be implemented using the Cascading Style Sheets :nth-child(even) pseudo-selector.[4][5]
The Bootstrap CSS framework features zebra striping through the .table-striped class.[6]
See also
[edit | edit source]- Green bar paper, continuous sheets pre-printed with green rows, once-common stationery used when physically printing tabular data
References
[edit | edit source]- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
- ^ Lua error in Module:Citation/CS1/Configuration at line 2172: attempt to index field '?' (a nil value).
