Build Joomla pixel-perfect responsive tables on mobile

This Droptables responsive mode is the most and most customizable. Your table is displayed with a column selection ordered by priority, the others being hidden, following the width available. You can force a column display at any size of the screen using a menu with checkbox. 

This tables responsive mode displays, once a particular screen width is reached, a row data below the header information. You can set a particular responsive breakpoint (width) and table max-height for each table, which is very convenient depending where your table is placed.

The scroll responsive mode is fixing table width and height and then display overflows, both horizontal and vertical. The horizontal scrolling will depend on your content width and you can select how many columns will freeze while scrolling.

All the responsive mode listed here can be used with cell or column freezing and tables fixed width and height. All the responsive modes can be relevant depending on the data shown and the most used devices.