Skip to main content

Make your tables responsive

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. But if you have created tables in MindTouch before our implementation of the responsive table feature, you need to convert your existing tables into responsive tables to take advantage of displaying even large tables in a mobile-friendly view

The change to responsive tables

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 and columns can now be resized without disturbing the responsiveness of the table. This allows the table to have the right proportions in all screen sizes.

Make your tables responsive

  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

  • Was this article helpful?