Build 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. 

Todays NFL Quarterback position rankings
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

  1. 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)
  2. Right click inside any cell and select "Table Properties"
  3. Select "CSS Class" > "Table Data"
  4. In the "Accessibility" tab > choose the number of the "Heading Row" or "Heading Column"

table gif 2