Responsive Table Designs

Tables are an efficient way to display lots of information in a small area on your website. If you want to compare your product to a competitor or show the differences between levels of service, tables are the answer.

Most HTML tables do not change style on mobile devices. This means the user will have to scroll horizontally to view the information, and not all information will be visible at once. The BoldGrid Post and Page Builder now includes a table building tool with responsive design options to help solve these problems.

When you first add a table to your page, it will look something like this on desktop:

When you enable mobile responsive design, each row will collapse down to an individual card on mobile and/or tablet devices:

To learn more, please read our in-depth support article on working with Responsive Tables.