I love FooTable because of it’s ability to create responsive tables. As a developer, I am heavily influenced by the mantra that “Tables suck!” When truthfully, this mantra is what sucks.
But it has its reasons.
Back in the day when designers and developers wanted to create a website with a solid design structure and layout, they often would resort to using tables. It made the design completely inflexible but reliable across browsers.
But it also made making simple changes really a pain. It also locked in the width and height of your cells — basically the OPPOSITE of responsive tables.
But to the point: Tables are for data. Think of them like spreadsheets.There’s really no better way to present a bunch of data than with tables.
But then you still face the problem that when you have a lot of data that spans many columns, how are you going to fit it all within your 640px content area?
That’s Why You Need FooTable
FooTable does an excellent job of dynamically resizing and reorganizing your table rows to fit whatever content width you are working within for however many table columns you have.
Now that sounds pretty grand, but sometimes you really have to SEE the difference in order to know what’s going on.
So here’s an excellent before and after.
Jim Walker is a Security Pro. Hackrepair.com is an excellent resource for all things security. If you use Better WP Security (now iThemes Security), and have added the blocking bad agents list, that’s Jim’s list.
Jim recently wrote a really in-depth article contrasting the various tools of 5 different security plugins. He raised a really good point that security is not just one thing. There are a lot of different ways to secure your site. Malware prevention is different from hack detection. Login restrictions are not the same as having a great DNS firewall.
In order to really adequately compare and contrast all these features, Jim used a table, just like a spreadsheet. It worked, but as soon as I saw that I said to Jim: “Man, if there ever was a need for FooTable, that’s it!”
You see? It’s really informative, but really hard to scan the columns. And of course it really only works on a desktop screen, you can forget mobile completely.
FooTable was perfect for this also because it supports column sorting (it also has pagination and filtering, but that wasn’t really relevant for this use case).
So I went about recreating the tables, applied the class “.footable” to it, and whamo! Responsive tables.
FooTable Enables the TableSnob in You
So go forth and use responsive tables! It’s good for you. And just for kicks, enjoy these hipster Table users