Zebra striping

This article is about the usage in tables. For other uses, see Zebra stripes (disambiguation).
Zebra striping used in Nautilus.

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

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

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

References

  1. ^ Lee, Michael; Kent, Travis; Carswell, C. Melody; Seidelman, Will; Sublette, Michelle (2014-10-17). "Zebra-Striping: Visual Flow in Grid-based Graphic Design". Proceedings of the Human Factors and Ergonomics Society Annual Meeting. doi:10.1177/1541931214581275.
  2. ^ Enders, Jessica (2008-05-06). "Zebra Striping: Does it Really Help?". A List Apart.
  3. ^ Enders, Jessica (2008-09-10). "Zebra Striping: More Data for the Case". A List Apart.
  4. ^ "How to create a zebra stripped table with CSS ?". GeeksforGeeks. 2022-02-04. Retrieved 2024-04-11.
  5. ^ "How TO - Zebra Striped Table". W3Schools. Retrieved 2024-04-10.
  6. ^ "Tables". getbootstrap.com. Retrieved 24 August 2024.
Stub icon

This computer graphics–related article is a stub. You can help Wikipedia by adding missing information.

Stub icon

This systems-related article is a stub. You can help Wikipedia by adding missing information.

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.