Businesses today are facing an overwhelming amount of data, which must be displayed in a usable format if it is to provide any value to the company. Of course, there are many ways to put that data in a usable format. For example, you could build an interactive report or even a web-based pivot table over that data.
While those application types are great for sorting through large amounts of data, sometimes it’s the little tweaks here and there that can really improve an application’s usability. For instance, a few weeks ago we shared a technique for adding conditional formatting to your web apps. Today, I’d like to share a similar technique for adding zebra striping and row highlighting to your web apps using jQuery.
For those unfamiliar with the term, zebra striping means that you apply slightly different colors to alternating table rows. Row highlighting simply means that the table row changes colors when you place your cursor over it. Both of these techniques are easy to add to existing web apps and greatly improve readability, especially for the really large tables of data.
If you’d like to learn how it’s done, we’ve written up a tutorial and placed it in our forums.