This module makes the following tables responsive:

This leverages the Filament Group's Tablesaw approach to responsive tables:

Reasoning for using this module with Drupal 8

Drupal 8 does allow for tables to be responsive, but content editors must manually define what priority each table row should be, and must manually add classes to HTML markup in WYSIWYG fields. This module does a "best effort" at making all tables automatically responsive (at the cost fine-grained control). If your site's content editors are not comfortable working with HTML markup, this module is a good fit.


  1. Enable this module and go to admin/config/content/formats.
  2. Enable the filter "Make tables responsive" on any text formats for which you want to make tables responsive (e.g., Filtered HTML).
  3. Verify the text format(s) allow HTML table tags (see "Limit HTML tags"). All of the following should be allowed:<table> <th> <tr> <td> <thead> <tbody> <tfoot>
  4. If you are using a WYSIWYG toolbar (e.g., CKEditor), verify that its content filtering is not interfering with table styling (see README.txt for more details).
  5. 7.x setting: If you want Views tables to be responsive, enable this at /admin/config/content/responsive_tables_filter (8.x makes Views responsive by default).

Note:WYSIWYG tables will look best visually when you use the <thead> tag for header rows.

Supporting organizations: 
Professional development time

Project Information