Drupal Lite: Use Tables

Tables are used to organize and display data sets grouped in rows. The Accessible U site has information on the proper use of tables in web pages.

Insert a table into a field

A table can be inserted into any field that has the formatting toolbar.

the toolbar is displayed and the insert table button is highlighted in the second row.

Note: depending on the resolution of the computer monitor and the browser, the formatting toolbar may look slightly different.

  1. Place the cursor in the field where the table should be located.
  2. Select the table icon in the formatting toolbar. The Table Properties window is displayed.
  3. Select the number of rows and columns for the table.
    1. Additional rows and columns can be added to the table later.
  4. Select where the headers are located: First Row, First Column, or Both
    1. To meet accessibility requirements, all tables should have a header.
  5. Enter a caption. The caption will appear above the table.
    1. To meet accessibility requirements, all tables should have a caption.
  6. Enter the information into the table.

When editing the page, the table will be condensed into the smallest space. As information is added to cells, the table will expand.

When saved, the table will always be displayed in the full width of the region.

Here is the table as displayed on the page. The page is two columns, and the table spans the entire region

the table as it is displayed on a page. the page is two columns, the table is in the left column and spans the entire region.

Editing Tables

The contextual table menu can be used to edit a table to add additional columns and rows, merge cells, and other tasks.

  1. Select the Edit tab.
  2. Select the table. The table contextual menu is displayed.
    the table options palette showing four buttons
  3. Use the buttons to edit the table


Last modified