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
- Right-click anywhere in the table.
- Select Table properties from the context menu.
- Check the Make table responsive checkbox if not yet checked.
- Click OK.
Clean up tables copy/pasted from outside MindTouch
If you copy and paste a table from another program into MindTouch, it will likely also paste formatting styles that can conflict with responsive styling.
To resolve, highlight your table inside the MindTouch Editor and select the Clear Formatting button from the Editor toolbar buttons.