Some themes have better built-in support for responsive tables than others. Switch themes and the way tables are rendered will change. So tables are rendered according to the CSS rules included with the active theme. The way tables are presented in WordPress varies from one theme to the next because table styling is handled by the CSS that ships with each theme. There isn’t a straightforward answer to that question. In this tutorial, you’ll learn about five different tools you can use to make HTML tables beautifully responsive.Ĭontinue reading, or jump ahead using these links: Once you’ve identified a table as the best option, what then? Make sure it renders beautifully regardless of the size of the device viewing the table. If not, consider using a list or some other element to present the data. If so, an HTML table is an appropriate choice.

Would this data make sense presented in a spreadsheet? Not sure if a table is a right option for a specific data set? Put it to the spreadsheet test.

Tables should be used for tabular data and nothing else. The first thing to do with tables is to use them sparingly.

Tables often work best with fixed widths, which means they can wreak havoc on otherwise pixel-perfect responsive website designs. HTML tables, once commonly used for webpage layouts, are now a layout headache for many web designers.

How to insert a table in word press