Zebra striping

{{Short description|Table coloring to improve readability}}

{{about|the usage in tables||Zebra stripes (disambiguation)}}

File:Zebra-striping.png.]]

Zebra striping is the coloring of every other row of a table to improve readability.{{Cite journal |last1=Lee |first1=Michael |last2=Kent |first2=Travis |last3=Carswell |first3=C. Melody |last4=Seidelman |first4=Will |last5=Sublette |first5=Michelle |date=2014-10-17 |title=Zebra-Striping: Visual Flow in Grid-based Graphic Design |url=https://www.researchgate.net/publication/271728217 |journal=Proceedings of the Human Factors and Ergonomics Society Annual Meeting |doi=10.1177/1541931214581275}} Although zebra striping has been used for a long time to improve readability, there is relatively little data on how much it helps.{{Cite web |last=Enders |first=Jessica |date=2008-05-06 |title=Zebra Striping: Does it Really Help? |url=https://alistapart.com/article/zebrastripingdoesithelp/ |website=A List Apart |language=en-US}}{{Cite web |last=Enders |first=Jessica |date=2008-09-10 |title=Zebra Striping: More Data for the Case |url=https://alistapart.com/article/zebrastripingmoredataforthecase/ |website=A List Apart |language=en-US}}

Implementation

In HTML documents, zebra striping can be implemented using the Cascading Style Sheets :nth-child(even) pseudo-selector.{{Cite web |date=2022-02-04 |title=How to create a zebra stripped table with CSS ? |url=https://www.geeksforgeeks.org/how-to-create-a-zebra-striped-table-with-css/ |access-date=2024-04-11 |website=GeeksforGeeks |language=en-US}}{{Cite web |title=How TO - Zebra Striped Table |url=https://www.w3schools.com/howto/howto_css_table_zebra.asp |access-date=2024-04-10 |website=W3Schools}}

The Bootstrap CSS framework features zebra striping through the .table-striped class.{{cite web |title=Tables |url=https://getbootstrap.com/docs/5.3/content/tables/#striped-rows |website=getbootstrap.com |access-date=24 August 2024 |language=en}}

See also

  • Green bar paper, continuous sheets pre-printed with green rows, once-common stationery used when physically printing tabular data

References

{{Compu-stub}}

{{Systemstheory-stub}}

Category:Tables (information)