Granicus Glen
Home MenuBuild a Data Table in a Text Area or use appropriate widgets
Data Tables can be used to organize content IF a widget is not already available in the CMS. Data Tables require the content editor to be very careful with the proper steps to make the content meet compliance and responsiveness.
Use Calendar Component and the appropriate widgets for anything that is date related- including organizing your Agendas and Minutes - use the Calendar Meeting List widget
Use Document widgets for large lists or grouped Document links
Use Content Columns widget
Image Button, Image Tile, and Interior Image Button for grouping Images that are essentially links.
Since the Content Management System does not have a component to organize content like "Athletes" a simple Data Table can be constructed to showcase that content.
| Name | Team | Number | Overall Ranking |
|---|---|---|---|
| Josh Allen | Buffalo Bills | 17 | #1 Best |
| Patrick Mahomes | Kansas City Chiefs | 15 | Just Fine |
| Tom Brady | Tampa Bay Buccaneers | 12 | Has-been |
Steps to Build a Compliant and Responsive Data Table
- Build the table in a text area, choose the correct number of rows/columns and cells. Then fill in every cell with content (do not use Tab, or Enter to move from cell to cell- use your mouse)
- Right click inside any cell and select "Table Properties"
- Select "CSS Class" > "Table Data"
- In the "Accessibility" tab > choose the number of the "Heading Row" or "Heading Column"
