Category: 

What is Zebra Striping?

Article Details
  • Written By: Mary McMahon
  • Edited By: Bronwyn Harris
  • Last Modified Date: 25 September 2016
  • Copyright Protected:
    2003-2016
    Conjecture Corporation
  • Print this Article
Free Widgets for your Site/Blog
In late 19th-century London, mail was delivered to residential addresses up to twelve times each day.   more...

September 28 ,  1924 :  Two US military planes complete the first flights around the world.  more...

Zebra striping is a technique which is used to make data presented in a tabular format easier to read. When a table is zebra striped, alternating lines or rows are subtly shaded in different colors. The use of zebra striping in printed documents is fairly old, although it became especially widespread in the mid 20th century, and it is also common on the Internet and in electronic documents as well.

In a classic example of zebra striping, a bus table might be set up in columns which represent stops, with rows representing times. If the bus company wanted to highlight the times when buses stopped at particular locations, it might choose to zebra stripe vertically, allowing users to easily track the times that the bus stopped at a particular location. In this instance, the rows could be white or shaded, with the two options alternating.

Ad

There are several reasons why zebra striping is supposed to make a document easier to read. In the first place, the striping allows the user's eye to follow a line or a row all the way to the end with greater ease, acting like a sort of highlighter to draw the eye across or down the table. Striping also makes it more difficult to lose track of information, as the eye remembers whether it should be looking at a shaded or plain set of information. Zebra striping may also be easier on the eyes, by breaking a table up so that the information doesn't feel overwhelming.

You may hear zebra striping called candy striping or half shadowing, both references to the visual appearance of tables which have been zebra striped. Many data management programs which offer a tabling option also allow users to quickly and easily create zebra striping, choosing from a variety of shading and color options. Creating a zebra striped table online is a bit trickier, although there are various applications which perform this function.

There is some debate as to how useful zebra striping really is, but many people continue to zebra stripe documents because they assume that even a small improvement in readability is a good thing, and because people are familiar with zebra striping. From an aesthetic point of view, zebra striping also helps to break the document up visually, reducing the appearance of a huge block of material, which can be distracting and unpleasant to look at.

Ad

You might also Like

Recommended

Discuss this Article

Post your comments

exception 'Exception' with message 'error writing captcha: Duplicate entry '2147483647' for key 'PRIMARY'' in /ssd/www/wisegeek/public_html/_core/classes/public/Captcha.php:44
Stack trace:
#0 /ssd/www/wisegeek/public_html/_core/controls/public/ControlDiscussionPostBox.php(324): Captcha->createCaptcha()
#1 /ssd/www/wisegeek/public_html/framework/classes/Control.php(104): ControlDiscussionPostBox->preRender(false)
#2 /ssd/www/wisegeek/public_html/framework/classes/Control.php(149): Control->render()
#3 /ssd/www/wisegeek/public_html/tpl/default-nocustom-lu/pages/public/article/article.htm(526): Control->__toString()
#4 /ssd/www/wisegeek/public_html/framework/classes/Control.php(300): require('/ssd/www/wisege...')
#5 /ssd/www/wisegeek/public_html/framework/classes/Control.php(309): Control->requireTpl('pages/public/ar...', Object(PageArticleCom), true)
#6 /ssd/www/wisegeek/public_html/framework/classes/Control.php(131): Control->renderTpl('pages/public/ar...', Object(PageArticleCom))
#7 /ssd/www/wisegeek/public_html/framework/classes/FormDataControl.php(87): Control->renderTemplate()
#8 /ssd/www/wisegeek/public_html/framework/classes/Control.php(109): FormDataControl->renderTemplate()
#9 /ssd/www/wisegeek/public_html/framework/classes/ScriptPage.php(50): Control->render(false)
#10 /ssd/www/wisegeek/public_html/framework/classes/Control.php(149): ScriptPage->render()
#11 /ssd/www/wisegeek/public_html/framework/classes/Page.php(97): Control->__toString()
#12 /ssd/www/wisegeek/public_html/_core/classes/public/PublicFrontController.php(443): Page->processRequest()
#13 /ssd/www/wisegeek/public_html/_core/classes/public/PublicFrontController.php(7): PublicFrontController->renderPage()
#14 /ssd/www/wisegeek/public_html/index.php(11): PublicFrontController::run()
#15 {main}