Tables are utilized for large amounts of corresponding information. If you have any information that is repeated over and over with slight variations (for example, a list of garbage pickup fees that vary based on the size of the container), it may be best suited for a table.
Examples of information that should go into a table include:
- Multiple dates corresponding to separate information (i.e., tax dates, holidays)
- Items with prices (i.e., maps, services)
- Schedules
- A list of organizations and their corresponding services
Specific Guidelines
- When you are first setting up your site, make sure the Normal and Hyperlink text styles are readable on the alternating background colors of your tables.
- Table padding should be set to 2 pixels.
- Table width will generally be 100%, but there is no hard and fast rule on this - use your judgment to make sure tables don't look too empty or cramped.
- Center align header cells.
- Top-left align text cells.
- Top-right align number cells.
- When listing out dollar amounts in a table, if some of the amounts have cents ($3.45, etc.) you may add .00 to the end of whole dollar amounts to make it easier for users to scan.
Generic Table Example
Type of Permit | Dollars | Pounds |
---|
Ferret | $15.75 | 0-15 |
Dog, Class 1 | $45.50 | 0-20 |
Dog, Class 2 | $100.00 | 21-100 |
Example of Table Colors with Sub-Rows
Vehicle Types |
| Fees |
|
---|
City | County |
Car | Commercial | $35.00 | $25.00 |
Private | $23.50 | $20.00 |
Boat | Commercial | $36.46 | $24.92 |
Private | $32.86 | n/a |
Trailer | $15.00 | n/a |
Truck | Commercial | $43.40 | $26.45 |
Private | $45.46 | $20.25 |