Misplaced Pages

Zebra striping

Article snapshot taken from Wikipedia with creative commons attribution-sharealike license. Give it a read and then ask your questions in the chat. We can research this topic together.
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. Although zebra striping has been used for a long time to improve readability, there is relatively little data on how much it helps.

Implementation

In HTML documents, zebra striping can be implemented using the Cascading Style Sheets :nth-child(even) pseudo-selector.

The Bootstrap CSS framework features zebra striping through the .table-striped class.

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 computing article is a stub. You can help Misplaced Pages by expanding it.

Stub icon

This systems-related article is a stub. You can help Misplaced Pages by expanding it.

Categories: