Tables help you organize information to make it easier for readers to skim. However, if your table becomes too long, follow the "five to nine" guideline and consider restructuring the information in other ways.
Use sentence case for text in every table column unless it's a specific file name or code value that requires lower case or all caps.
Table template
This is a basic table template.
<table> <thead> <tr> <th style={{ width: "200px" }}> Item </th>
<th> **Requirements** </th> </tr> </thead> <tbody> <tr> <td> Item name </td> <td> Description of item </td> </tr> </tbody></table>
Additional options:
If you want to... | Do this |
---|---|
Shade every other row | Use |
Create a table within a clamshell | Use |
Highlight row in gray on hover | Add the class |
Specify individual column widths | Set
|
Tables to describe UI functions
When using tables to describe available functions, give readers a roadmap. They may know what they want to find or accomplish, but they may not know what it's called or how to do it.
For example, to provide a list of features for a particular UI page, label the header's first column If you want to... and label the second column Do this.
For more help
If you need more help, check out these support and learning resources:
- Browse the Explorers Hub to get help from the community and join in discussions.
- Find answers on our sites and learn how to use our support portal.
- Run New Relic Diagnostics, our troubleshooting tool for Linux, Windows, and macOS.
- Review New Relic's and and documentation.