CSS Tables

Default Table

Add the yui3-table classname to a table to style an HTML table similar to how a YUI3 Datatable would be styled. This class adds appropriate padding and borders to table elements, and increases the emphasis on the header.

Table with Horizontal Borders

If you prefer to just have horizontal lines, add the yui3-table-horizontal classname to the table element.

Bordered Table

Striped Table

Large tables are easier to parse visually if rows are easily distinguishable. Adding the yui3-table-odd class name to every other tr element changes the background of the row and creates a zebra-styled effect.

Using with Datatable