Tables of data are used to present tabular information in a grid, or matrix, and to have column or rows that show the meaning of the information in the grid. Tables can help users reference and consume granular information and data. Data tables can be utilised as a content tool within a multitude of templates.
Examples
Basic Table
Lorem ipsum |
Lorem ipsum | Lorem ipsum |
|---|---|---|
1111 |
1111 | 1111 |
| 2222 | 2222 | 2222 |
| 3333 | 3333 | 3333 |
| 4444 | 4444 | 4444 |
| 5555 | 5555 | 5555 |
| 6666 | 6666 | 6666 |
Advanced Table
Public sector net debt / GDP: periods ended 30 September 2020
| Items | Sep 2020 | Variance vs Last Year | 5 months to Sep 2020 | Variance vs Last Year | ||
|---|---|---|---|---|---|---|
| £BN | £BN | % | £BN | £BN | % | |
| Receipts | 64.6 | (8.0) | -12% | 358.8 | (44.4) | -11% |
| Expenditure | (83.3) | (16.3) | +25% | (519.2) | (130.7) | +34% |
| Interest | (5.3) | (2.1) | +72% | (23.4) | 7.3 | -24% |
| Net investment | (7.7) | (2.0) | +36% | (24.7) | (6.7) | +37% |
| Deficit | (31.7) | (28.4) | +369% | (208.5) | (174.5) | +513% |
| Other borrowing | (1.9)2 | 7.4 | -206% | (50.7) | (67.4) | -404% |
| Change in net debt | (33.6) | 21.0 | -186% | (259.2) | (241.9) | +1,398% |
| Public sector net debt | - | - | - | 2,059.7 | 274.0 | +29% |
| Public sector net debt / GDP | - | - | - | 103.5 | 23.0 | +29% |
Principles
- Use tables to present data
- Use concise labelling and information
Best Practices
Do’s
- Use tables to present data
- Align textual data to the left (ie. Name)
- Align numeric data not related to size (ie. date, zip code, phone number)
- Align numeric data related to size (ie. count, percent)
- Align headers according to their column data
Dont’s
- Use long strings of text for headings and labels
- Nest tables within boards
- Conflict the alignment of data within a row or column