Skip to main content link. Accesskey S

Information Table

An information table is a table used to present data that is styled differently to draw attention to it, like information presented at the top of the page before the regular data is displayed.

Sprites: Directionality:

Classes

  • lotusTable - Class assigned to the table
  • lotusInfoTable - Additional class assigned to the table

Basic Implementation

Use a table, assigned the multiple classes of lotusTable and lotusInfoTable.

Use an h2 tag inside of a th tag to give a header to the table.

Create the data using regular table rows and cells. No additional classes are needed for alignment.

Examples

Sample HTML

CSS (tables.css)

Theme CSS (tablesTheme.css)

This component was created because of the neeed of an announcement component, which was essentially presenting the same data as our tables, but with a different look.

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.