back next

Tables

Table Width's

Table width's are not a required and should only be used if absolutely necessary. If a table width needs to be applied they should always be defined in % values to account for the Flexible Layout so that the tables can grow or shrink if necessary.

You have two options when it comes to layout of pages you can have the side bar or no sidebar. If the side bar is turned on your tables width should be no larger than 64% wide. If the side bar is turned off then the with can be anywhere from 0-100%. But remember the only use table width's when you absolutely need them otherwise it's better to just not defined a width.

Data Table Class

The dataTable css class is an optional way to format your Tables. This class should be placed on the table tag. Here is an example of what it would look like.

Column Heading Column Heading Column Heading
1 Test a
2 Test b
3 Test c

How to setup a dataTable

Step One

Create a table

Basic Table

Step Two

Select the cells you would like to be headings

Selected Headings

Step Three

While you still have the headings selected go to the properites panel and check the "Header" checkbox

Header Checkbox

Step Four

Select the entire Table

Selected Table

Step Five

While you still have the table selected goto the properties panel and change the class to "dataTable"

dataTable Class

back next