XClose

Information Services Division

Home
Menu

Drupal CMS: Tables

Learn to create a table in Drupal.

This guide is aimed at

  • Staff
  • PG Students

Before you start 

You need to be a Senior Editor, Editor or Author
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 lay-out.

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. Depending on your role:
    if you are a Senior Editor: click on 'Publishing options - Draft (Current)' in the left-hand menu, choose 'published' from the drop-down menu
    if you are an Editor: click on 'Revision information' in the left-hand menu, choose 'published' from the drop-down menu
    if you are an Author: click on 'Revision information' in the left-hand menu, choose 'needs review' from the drop-down menu
  6. Save
  7. If you need to put the page in the menu, check the instructions for putting a page in the website's menu
  8. Finally, check you are happy with the result, including on a mobile device

Help and support

web-support@ucl.ac.uk

Feedback

We are continually improving our site, so please provide us any feedback on this web page using the form below. It would also be really useful if we could discuss your feedback with you, so if you are happy to be contacted please include your UCL email address in 'Email' field below.

Please note: We can only respond to UCL email addresses

Help us improve this page