datatables ok on desktop, what about mobile?

mwhouser

I've noticed that while datatables is great on the desktop, viewing tables on mobile devices is not ideal.

What solutions have people come up with for this?

Is there anything "out of the box" planned for datatables? Something to work with Twitter Bootstrap's responsive layouts ?

Thanks,
...Matt

allan

This post from mwhouser might be of interest to you to have DataTables work with Bootstrap's fluid layout: http://www.datatables.net/forums/discussion/9435/minor-fixes-for-datatables-bootstrap/p1

Beyond that, I'm very much open on how to improve my CSS for the tables if you have any suggestions? The interaction presented by DataTables (i.e. the Javascript) will work no problem in mobile browsers, but in some cases (as with desktop browsers) you might want to modify the CSS to improve the integration in you site/app.

I have been thinking recently about writing a blog post showing how DataTables could be skinned for Android / iOS, so its good to know that this would be a topic that is of interest!

Allan

mwhouser

Is it possible to "wrap" table rows? On narrow devices, with wide tables, maybe having the rows wrap could work (I'm simply trying to avoid horizontal scrolling).

allan

In just the same way you would with a plain HTML table - set a width on the table with the size you want (perhaps a max-width).

Allan