Skip to main content

Resize table columns

Written by Theresa Manzo
Lead UI/UX Designer at MindTouch
This page applies to:MindTouch Responsive

In MindTouch, newly created tables are automatically set to responsive. Whether you use the default widths of your columns or resize the columns, the table's responsiveness persists. 

important note   Tables created before implementation of the responsive table option need to be manually updated through the editor's table properties dialog. Existing tables are not updated retroactively and will display as originally entered.  

The change to responsive columns

Before the responsive option was added to the table dialog, column widths were set inline with hard-coded pixels. This worked for skins that had a fixed width content container, but prevented a truly responsive table display on smaller screens. With the implementation of the responsive option, table column widths are set with class names that render width in percentages instead. This allows the table to have the right proportions in all screen sizes.

Resize table columns 

  1. Right-click anywhere in the table.
  2. Select Table properties from the context menu.
  3. Check the Make table responsive checkbox if not yet checked.
  4. Click OK

  1. Drag the dashed column border to the desired width.

Screenshot of table inside the editor that is resizing the column width.

What's next

Find out about additional ways to edit your tables.

  • Was this article helpful?