Posted In CSS

More Responsive Tables

More Responsive Tables, for Twitter Bootstrap this time, but not necessarily. From @nadangergeo & @filamentgroup!

I made a post the other day about the responsive table plugins provided by TableSaw. They’re nice, but if you’re using Twitter Bootstrap (like I and many, many others do), RWD-Table Patterns may suit you better. There’s a demo here.

It’s mobile first, and is made with Twitter Bootstrap, although you can remove Bootstrap in your own fork if you wish. Usage instructions can be found at the demo page, and at the the GitHub repository.

A list of features:

Made for Twitter Bootstrap

Designed to be used with Bootstrap 3. If you don’t want to use bootstrap, just fork the repo and customize it to your needs!

Mobile first & PE

Built with mobile first and progressive enhancement in mind. Also built with love and with the help of a fair amount of coffee.

Graceful JS fallback

In browsers without JavaScript, the tables will still be scrollable. I.e. there’s still some responsiveness.

Easy to use

You only need to add one JS-file, one CSS-file and some minimal setup to make the tables responsive. Dependencies: jQuery and Twitter Bootstrap 3.

If you’re really in need of responsive tables, this could be another option for you, so it’s at least worth knowing about and checking out.

Well, now what?

Work with Me

I'm available for hire and always taking new clients, big and small. Got a project or an idea you'd like to discuss? Startup plan but no developer to make it happen? Just get in touch, I'd love to see if I can help you out!

Leave some Feedback

Got a question or some updated information releavant to this post? Please, leave a comment! The comments are a great way to get help, I read them all and reply to nearly every comment. Let's talk. :) is proudly hosted by DigitalOcean

About these ads