The screenshot below outlines major presentation elements of the data table:
Each presentation element has its own class, included in the default WebReport cascading style sheet:
CSS class | Description |
aaReportTable | Top level report data table |
aaReportTableCaptionCell | Data table top row cell (table caption) |
aaColumnCaptionCell | Column caption cell |
aaTableRow | Table row element |
aaTableRow2 | Table row element with alternative style |
aaValueCell | Table cell |
aaValueCell2 | Table cell in row with alternative style |
aaDataGroupCaptionCell | Data group caption cell |
The default CSS is common for all reports hosted by the WebReport engine. Designers may also include a custom CSS reference per individual report on the general report style properties page to subclass presentation style. By changing corresponding class attribute values, report style may be customized to required custom specification:
The report used for a screenshot in the article is available from Arnica Software demo site at the following URL: