Tables are a great option to provide a structured way of showing large amounts of information and they make organizing information in a clean and readable way very easy. Tables should only be used for tabular data, not for layout or positioning items like images next to text.
Components of a useful table contain the following:
Creating a table
- In the Text Area, click the table icon:
- Decide how many rows and columns you want.
- For your table to be accessible you'll need to include a table header row or column or both.
- Delete the width and height (Drupal will fill the max-width based on the display device).
- Click OK.
Editing a table
Right-click an existing table to edit cells and the number of rows and columns. *Learn about customizing the look and feel for your tables using utility classes.
Here is an example of content that is suitable for an HTML table.
By default, the table layout is responsive to the user's screen-size and will fold into a two column layout with headers on the left for viewport that is 640px or less.
*Resize your viewport to across the 40em (640px) breakpoint to see the responsive table style.