XClose

Information Services Division

Home
Menu

Drupal CMS: Tables

Learn to create a table in Drupal.

Before you start 

When editing use Chrome, Firefox or Safari but NOT Internet Explorer

Instructions

Tables should mainly be used for data. A good example of when you should use a table is when you want to show numerical information or information about individual members of staff.

Tables should NOT be used for layout.

Tips

The content of tables is about 25% smaller when viewed by users. This is to accommodate responsive design. Please check your tables on a mobile phone to ensure the content is not too small.

In print it is common to centre text in table cells. On websites it's best not to centre text as users scan from left to right and expect the text to sit flush with the beginning of a cell.

If you want to add passport-size photos of people, make sure they are 150 - 200 pixels wide and set them to 'non-responsive' for size.

You can right-click in a table in editing mode to add cells etc.

  1. Click on the 'tables' icon in the editing toolbar
  2. Choose the width of the table - by default set at 500 pixels
  3. Choose the number of rows and columns and whether you want headings
  4. Start completing the table
  5. Save
  6. Finally, check you are happy with the result, including on a mobile device

Help and support

Feedback

We are continually improving our website. Please provide any feedback using the feedback form.

Please note: This form is only to provide feedback. If you require IT support please contact the IT Services Help desk. We can only respond to UCL email addresses.

Give feedback