Lightweight and dependencie free responsive tables library
You just have to import responsive-table.min.js
and responsive-table.min.css
and load it using responsiveTable.init()
Use class .rt
on tables you want to be responsive and class .rt-mobile-hide
on th
you want to hide on mobile.
Default breakpoint for mobile version is at 640px but you can generate a custom build to modify it.
You can also modify the name of the class apply to th
in you HTML or separators between fake mobile th
and cells value, passing an object to the init
function, like so :
responsiveTable.init({
hideClass: 'rt-mobile-hide',
separator: ' :'
});
If you want to modify default breakpoint of this product, clone this project, run npm install
and modify /src/responsive-table.css
Don't forget to run the gulp
task in order to regenerate the library.