Skip to main content

Edit table properties

This page applies to:MindTouch Responsive

Edit tables via the editor's table properties dialog and decide whether to use header rows or header columns, change table widths and border sizes, add stylesheet CSS and make your table responsive.

important note   MindTouch automatically creates responsive tables. If the responsive option is unchecked in the Table properties dialog, changing the width of a cell will remove the responsiveness of your table!

Access table properties

  1. Right-click the section of the table you want to edit to open the context menu, and select Table properties.


Change the appearance of your table

The Table Properties dialog, enables users to edit different properties of the table.

  • Headings:  Add bolded styling to your text in the first row and/or first column of your table.
  • Width:  Adjust the width of your table either by pixels or percentage. By default, a newly created table starts at 100% width.
  • Border size:  Adjust the border size by pixels.
  • Cell padding:  Adjust the cell padding.  
  • StyleSheet Classes:  Add custom style sheets to change your table's styles.
  • Caption:  Enter a caption for the table. The caption is a useful tool for creating tables that are accessible to users with disabilities.
  • Summary: Enter a summary of the table. The summary is useful for users with disabilities who cannot easily consume the information in a table.
  • Make table responsive: Checked by default (see below), this option allows tables to display differently (i.e. reader-friendly) at smaller screen sizes to best utilize the available space.

Table dialog with responsive option checked

What's next

For more information about the benefits of responsive tables, read our best practice article on how responsive tables increase user engagement.

  • Was this article helpful?