Tables

These tables should only be used to present content when it is necessary to organize the information contained in each cell in a grid aligned to information contained in a header row and/or column. The prestyled tables contain additional coding for accessibility compliance and styling used to improve user experience when viewing large tables on mobile devices. 

The tables contain a preconfigured header rows, each cell in the top row as been designated as the header for its corresponding column. If the information in the table needs to be configured with a header column, this information can be manually adjust using the tools in the "Table" dropdown in the editing toolbar.  

To insert a table:

  1. When in Edit mode, place your cursor at the location you want to add this feature.
  2. From the editing toolbar, select "Insert Snippet."
  3. Sort Snippet categories to "[Fierce] Tables."
  4. Click the table you want to insert and select "Insert." 
  5. Use the "Table" tools in the editing toolbar to add/remove columns and rows and to change the orientation of header cells.
  6. Table styles may be changed after inserting and styling, to change the style:
    1. Place your cursor anywhere in the table
    2. From the editing toolbar, select "Table"
    3.  From the dropdown menu, select "Table Properties"
    4. From the "Class" dropdown, select a different table style option. 

[Fierce] Table Condensed

This table class is: Condensed (Table)

Column 1 Heading Column 2 Heading Column 3 Heading Column 4 Heading
Text Text Text Text
Text Text Text Text
Text Text Text Text

[Fierce] Table Hover

This table class is: Hover (Table)

Column 1 Heading Column 2 Heading Column 3 Heading Column 4 Heading
Text Text Text Text
Text Text Text Text
Text Text Text Text

[Fierce] Table Striped

This table class is: Striped (Table)

Column 1 Heading Column 2 Heading Column 3 Heading Column 4 Heading
Text Text Text Text
Text Text Text Text
Text Text Text Text