Drupal - Basic: Tables in Drupal

Tables in the WYSIWYG

You can also create a table in the WYSIWYG by putting your cursor where you want the table to be inserted and pressing the table icon in the WYSIWYG toolbar, then you can select how many columns and rows you want from the grid that appears:

Once you click on the last cell in the last row and column, an empty table will appear with a Table Dialog above it.  The Table Dialog has four icons. From left to right, they are as follows: Column, Row, Merge Cells, Toggle Caption on/off.  With these icons' down arrows, you can add or delete rows or columns, assign headers to rows or columns, merge or split cells.  The action you select will be applied to the column or row where your cursor is when you interact with the icons.

Since I wanted the first row to be a Header Row, I put my cursor in the first cell, interacted with the Row Icon dropdown and then toggled the Header row ON.  Once That is set, I can simply click back inside my table cell to start typing.

As long as you are in the table, you have access to interact with the icons to amend the table as needed.

Pasting tables from Word or Excel

You can also just put your cursor where you want the table to show up and paste the table from Google Sheets, Word or Excel right there.  As you can see, there are no headers. You would need to click into the table to amend the properties.

table from google sheets

You can also copy some cells from a Word table or an Excel spreadsheet and paste it right into the WYSIWYG or you can insert a table, highlight all the cells and then paste.  Here is how they look in the WYSIWYG.

When pasting a table or cells from a table from either Word or Excel, you have to clear formatting.  Luckily, this table didn't need it, as evidenced by the greyed-out Clear Format button circled in the screenshot below.

Editing an existing table

To make edits to your table, just click into your table and interact with the icons, or edit the text directly.

If you need to edit the table to, say, add a header row, you can click the icons to see what things you can do. You can add cells, rows, columns. You can add header row or header column by interacting with the correct icon.

The rest of the things you can do is very similar to what you are used to with a typical WYSIWYG such as bold, italics, text alignment, and bullet points.

To Delete a table

Hover over the table and click on the upper left-hand box handle of the table

the border around the table will change from gold to blue, then press the backspace key.