Keep Class and Table Tidy
Messy table
Tidy table

Table Tidy declutters dense HTML tables, removing duplication and giving them a tidier appearance that is compact, sparse and easier to read. It helps you quickly spot identical cells and highlights the differences between rows.
Click the "before" and "after" screenshots below for an impression of what the module does.

Before Table Tidy
                                           
After Table Tidy

It's like a front-end visual slant on the DRY principle

On specified pages, each table cell holding content identical to the cell above it is blanked out or replaced by one of the following:

  • an unobtrusive symbol like a double quote " or ▲ or ° or ...
  • a short text, like "as above"
  • a font icon character, like the icons from Font-Awesome, aka the "Bootstrap icons"

The replacement symbol/font-icon and the table pages on which it should be activated on, can be specified by the site admin. See the README for examples.

Table Tidy is a server-side solution that may be activated on almost any page that contains a table. It targets:

  • tables generated via core's theme_table() function
  • tables generated by Views

It works well on core pages like .../admin/content, but also handles Webform tabular results and order reports in Commerce, as seen above.

The combo of Table Tidy and Table Trash can come in handy when exporting tables to CSV or when printing, because Table Trash exports not the underlying data, but the tidied version that's on your screen.

Thank you Kristina Adams for coming up with a name for this module.

Supporting organizations: 
all code and documentation

Project information

Releases