HTML Tables

Tables are designed to show tabular data (information that makes since to show in rows and columns).

Tables should be avoided for performing layout types of functions as they:

• Often require multiple tables to render
• Require (potentially) lots of tags
• Are not friendly to people with vision impairments because screen readers have a difficult time reading the natural flow

What is a Table

• Made up of several tags
• <table> for the table container it self
• <tr> - (table row) for each row in the table
• <th> - (table header) for each header cell - the text is bold and centered by default
• <td> - (table data) each cell

Creating a table can be done with the use of the create table button from the Insert Bar > Common. This will bring up a dialog box for designing your table to specify the number of rows, columns, width, etc.

Table can be fixed width or proportional width (%)

Each column will try to be the same width

Ways to change your table

• border
• table/table cell widths/height
• CSS styles
• set background color
• cell spacing
• cell padding

Sorting a Table