Features - Responsive Tables 2

Responsive Tables

The Responsive Tables Widget contains two options for implementing a responsive table. These options are device-agnostic solutions which give the developer the ability to choose a solution without concern of functionality on a specific platform or browser. Both options provide an optimal experience for the user to ensure information is accessible regardless of the device.

Show/Hide Responsive Table

The Show/Hide Responsive Table checks the table width and, once the width of the page is less than the full width of the table ‚ the containing element will receive an overflow style. This example will also include a ‘menu’ on smaller screens which allows the user to add or remove columns of the table for easier viewing.