We all need easy responsive tables to display certain types of data on our websites. Yet creating tables with CSS has never been a simple affair. In these days of responsive design, the content of a website must adjust to the size of the viewer’s screen, whether it be a telephone, a tablet, or a computer monitor.
With classic HTML tables, and such a huge difference in screen sizes, this is complicated. Whether you’re creating the table manually with HTML and CSS, or using a page builder, it can be complex to make a table easy to read on multiple screen sizes. At best, you can create two separate tables and display the appropriate one depending on the screen size.
Ninja Tables comes to the rescue with easy responsive tables.
Ninja Tables takes the hard work out of creating tables for your website. The plugin has a free version, available in the WordPress plugin repository, and a paid version with additional features available on their website.
Editing data with ease
Configure the data for responsive devices
Add the table to your page with a shortcode
And then if you view the same table on a phone, you’ll see that the layout has changed a bit, and each row becomes its own table, like this, making the information easy to consult: