adammessinger / flexitable Goto Github PK
View Code? Open in Web Editor NEWA jQuery plugin for responsive tables with column toggling. Performant for even very large tables.
License: MIT License
A jQuery plugin for responsive tables with column toggling. Performant for even very large tables.
License: MIT License
It would be great it there was an option to save the state of the columns (I assume either via localstorage or cookies, or maybe store.js).
Currently, some CSS inside an @media print
block makes all columns visible in the print-out. It's causing confusion for some users when the thing on the page doesn't match the column selections they've made on screen.
The problem is with the class names added to cells based on their column header's data-flexitable-priority-class
attribute. Class name manipulation is a little slower in Safari 8 than other browsers, but profiling in version 9 indicates cell class changes now trigger layout recalculations that can stretch init time to > 1 minute for very large tables.*
Possible fix: adding a data attribute to the cells rather than a class doesn't cause these problems in Safari 9, but could still be used in selectors for responsive media queries.
Users can currently work around this with the new lazy column cache feature, which disables responsive column hiding. Do this by passing lazy_column_caching: true
when calling the plugin.
*About 140K cells in my test case, and this was on a 2009 Mac mini. YMMV depending on equipment.
Any columns toggled "off" by the plugin should be shown by .flexitable({ destroy: 'toggle' })
.
Function should exit early if user is trying to use only the responsive column feature by turning the toggle button off.
In this case, running $('table').flexitable({ destroy: 'toggle' })
does nothing until the column toggle button is clicked and the plugin gets fully initialized. The fault appears to lie in the viewmodel never getting stored with the table if lazy init is used.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.