Mobile Responsive Tables

Prev Next

If a table has too many columns, it may appear to extend beyond the edge of the page in a mobile view. A line of code can be added to the code view of any Rich Text Editor containing a table to add a slider to the container and prevent the table from running off the page. To make tables mobile responsive, the following code must be added before the opening table tag:

<div style="overflow-x:auto;">

Instructions

  1. Locate the content containing the table

  2. Click the Action Menu
    Action Menu button.

  3. Click Modify
    Modify button in the action menu.

  4. Click More Misc in the Rich Text Editor
    More Miscellaneous ellipses icon.

  5. Click the Code View button
    Code View button.

  6. Paste the code above the first table tag
    Code entered into the Code View to make tables mobile responsive.

  7. Click the Code View button
    Code View button in the Rich Text Editor.

  8. Click Save
    Save button.