Different tables require different layouts on the page. Some tables have a lot of narrow numeric columns, and need more width, but one-line rows; 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 works best when the table has a lot of columns, but even when the table has only several columns with long text content it can get wider then the screen, and the horizontal scrollbar appears.
To limit the table width to the parent container width (so it wouldn’t be wider then the page) you need to enable the “Limit table width” switch in the “Display” tab on table settings page. When “Limit table width” option is enabled, “Word Wrap” block will be shown.
When this is done, and the table is saved, it will be limited in width to fit the container. 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 enable the “Word Wrap” feature which will be explained below.
When “Limit table width” option is enabled, “Word Wrap” block will be displayed. Enable this to wrap long strings into multiple lines and stretch the cells height.
This will make the cell content to break into several lines.
When the “Limit table width” option is enabled you can also define the columns widths (please note that you will not see “Column width” block in the column settings panel until this switch is enabled). You can define them either in percent, or in pixels (You can enter just a number without “px”). E.g. We set the width for the first column in this example table in percent.
The second column get wider and now it is 10% wide of the whole table width.
- Creating editable tables and filling the table data manually
- Creating non-editable tables from Excel files
- Creating non-editable tables from Google Spreadsheets
- Responsive design
- Conditional formatting
- Sorting tables
- Per-column filtering
- Pre-filter tables through URL
- Row grouping
- Using Placeholders – Adjusting MySQL queries dynamically based on shortcode attributes
- Calculating totals (sum row)
- Table data export tools
- Visual Composer integration