Tablesaw: A Flexible Tool for Responsive Tables

This content originally appeared on Zach Leatherman and was authored by Zach Leatherman

Originally posted as Tablesaw: A Flexible Tool for Responsive Tables on the Filament Group Lab.

Next to coming up with project names, managing tables in a responsive layout is one of the trickiest problems in web development. Semantically structured tables are notoriously difficult to style as anything other than… well… a table. On the other hand, cobbling together a pile of divs and spans into a table-like shape means giving up the semantic meaning, accessibility, and navigability of real table elements to represent tabular data, or it means jumping through hoops to recreate those features. When it comes down to it, the semantic benefits of real table elements make them our first and best choice.

Available on GitHub #

Demos #

Install using NPM #

npm install tablesaw

Install using Bower #

bower install filament-tablesaw

This content originally appeared on Zach Leatherman and was authored by Zach Leatherman

Print Share Comment Cite Upload Translate Updates

APA

Zach Leatherman | Sciencx (2014-08-06T05:00:00+00:00) Tablesaw: A Flexible Tool for Responsive Tables. Retrieved from https://www.scien.cx/2014/08/06/tablesaw-a-flexible-tool-for-responsive-tables/

MLA

" » Tablesaw: A Flexible Tool for Responsive Tables." Zach Leatherman | Sciencx - Wednesday August 6, 2014, https://www.scien.cx/2014/08/06/tablesaw-a-flexible-tool-for-responsive-tables/

HARVARD

Zach Leatherman | Sciencx Wednesday August 6, 2014 » Tablesaw: A Flexible Tool for Responsive Tables., viewed ,<https://www.scien.cx/2014/08/06/tablesaw-a-flexible-tool-for-responsive-tables/>

VANCOUVER

Zach Leatherman | Sciencx - » Tablesaw: A Flexible Tool for Responsive Tables. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2014/08/06/tablesaw-a-flexible-tool-for-responsive-tables/

CHICAGO

" » Tablesaw: A Flexible Tool for Responsive Tables." Zach Leatherman | Sciencx - Accessed . https://www.scien.cx/2014/08/06/tablesaw-a-flexible-tool-for-responsive-tables/

IEEE

" » Tablesaw: A Flexible Tool for Responsive Tables." Zach Leatherman | Sciencx [Online]. Available: https://www.scien.cx/2014/08/06/tablesaw-a-flexible-tool-for-responsive-tables/. [Accessed: ]

rf:citation

» Tablesaw: A Flexible Tool for Responsive Tables | Zach Leatherman | Sciencx | https://www.scien.cx/2014/08/06/tablesaw-a-flexible-tool-for-responsive-tables/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.