Skip to main content link. Accesskey S

Vertical Table

A vertical table can be used to display data with labels on the side of the information presented.

Directionality:

Classes

  • lotusVertTable - Class assigned to the table

Basic Implementation

Use a table, assigned the class lotusVertTable.

Create your labels using th tags, with the scope="row" attribute, to help with accessibility.

Put the data in a td tag.

Examples

Sample HTML

CSS (tables.css)

Theme CSS (tablesTheme.css)

This is a simple table and has not changed since it's original implementation.

IBM, the IBM logo, ibm.com and Lotus are trademarks of International Business Machines Corp., registered in many jurisdictions worldwide. Other product and service names might be trademarks of IBM or other companies. A current list of IBM trademarks is available on the Web at "Copyright and trademark information" at www.ibm.com/legal/copytrade.shtml.