See video version of the tutorial

Different tables require different layouts on the page: some tables have a lot of columns, and need more width, some tables have several columns, but long content in the cells, and it makes sense to wrap the words, but limit the table width to keep it same with the page. By default the table isn’t limited in the width, and the cells content is printed in one line. It makes sense when the table has a lot of columns, but even when the table has only several columns it can get wider then the screen, and the horizontal scrollbar appears:

Configuring table layout in WordPress

To limit the table width to the parent container width (so it wouldn’t be wider then the page) you need to tick the checkbox “Limit table layout” in the “Additional settings” section of the step 1 on table edit page:

Table layout in WordPress

When this is done, and the table is saved, it will be limited in width to fit the page:

Limiting table layout in WordPress

This makes the table fit the screen, but now if the cell content is too wide, it gets cut with a “…” – to avoid this you need to tick the “Word Wrap” checkbox. This will make the cell content to break into several lines:

Table layout in WordPress

When the “limit table layout” option is enabled you can also define the columns widths (please note that they will be ignored until this checkbox is ticked). You can define them either in percent, or in pixels. E.g. if we set the widths for first two columns in this example table in percent:

Define column widths in WordPress tables

They get wider:

Define column widths in WordPress table

Also we can do the same in pixels (without the “px”):

Defining column widths in WordPress tables
Defining column width for WordPress table

Never miss new features!

Join 2000+ newsletter subscribers

Never miss notifications about new cool features, promotions, giveaways or freebies - subscribe to our newsletter! We send about one mail per month, and do our best to keep our announcements interesting.

We never spam or disclose your address to anyone.