olifolkerd

6 ms·

1.
by olifolkerd 6y ago
The latest 4.8 release comes with a load of great new features including a Horizontal virtual DOM for handling tables with large numbers of column, RTL language support and ESM Module importing.
2.
Tabulator – Complex JavaScript Tables, Simple Code(tabulator.info)
1 points by olifolkerd 6y ago|1 comments
3.
by olifolkerd 6y ago
Tabulator, has most of the features of AG grid and is totally free http://tabulator.info/
4.
by olifolkerd 6y ago
That feature will be coming soon :)
5.
by olifolkerd 6y ago
It comes with a load of built in themes if you are looking for a shinier look: http://tabulator.info/examples/4.6#theming
6.
Show HN: Tabulator – Easy JavaScript Tables, Introducing Data Reactivity(tabulator.info)
1 points by olifolkerd 8y ago|0 comments
7.
Introducing Data Reactivity in JavaScript Tables(tabulator.info)
2 points by olifolkerd 8y ago|0 comments
8.
by olifolkerd 8y ago
Thanks. By removing the need for 3rd party dependencies it helps reduce the overall size of the package, made it easier to manage the source of the system, made it easier for developers to import and dramatically increased the performance o
9.
by olifolkerd 8y ago
Thanks. I deliberately avoided 3rd party dependencies to try and make the code base as small as possible. I use react native wrappers at work and embed webviews that allow components like these to be used. That being said, having a react-na
10.
by olifolkerd 8y ago
All features of Tabulator are free including a lot of features AG Grid charges for for commercial licenses
11.
by olifolkerd 8y ago
Tabulator is licensed under MIT so is free for all to use, even on commercial projects.
12.
by olifolkerd 8y ago
You can can do this but for large data sets it would take ages and doesnt over come the main issue. Lets say we are working with 10,000 rows Yes loading that many elements into the DOM is slow and your approach would stop it blocking, howev
13.
by olifolkerd 8y ago
Thanks, Tabulator has a wide variety of options for handling large data sets. because it uses a virtual DOM you can effectively load as many rows as you like into the table, with the limit being defined by the amount of memory on the browsi
14.
by olifolkerd 8y ago
That is the site theme, it is a specific theme for the site. each theme is contained in its own CSS file, you simply include the CSS file for the theme of your choice. Configuring themes for your table is covered extensively in the document
15.
by olifolkerd 8y ago
For Tabulator the virtual DOM is essential. if you try and load 10,000 rows into a table either the browser will slow down and become almost unusable or crash entirely. For large data sets it makes the table work regardless of the number of
16.
by olifolkerd 8y ago
I wrote my own, Tabulator has zero dependencies for its core functionality If you have the time, writing a virtual DOM can be an excellent lesson in the intricacies of DOM manipulation, learning exactly what order to make calls in to optimi
17.
by olifolkerd 8y ago
Hey Don, on the whole the key is to stick to vanilla JS and avoid trying to use to forcible a design paradigm that could conflict with other frameworks. Removing dependencies on other libraries was key to making it interoperable. Everything
18.
by olifolkerd 8y ago
Tabulator comes with 8 built in themes, two of witch use only the most minimal markup for the table to make the columns and rows distinguishable. It also comes with a number of themes to help match other UI frameworks. See the themeing exam
19.
by olifolkerd 8y ago
Happy to hear i could help :D
20.
by olifolkerd 8y ago
Sorry to hear you were having trouble, what browser/device were you using?
21.
by olifolkerd 8y ago
There is a whole module that exclusively deals with responsive layout. You can either choose to hide columns that do not fit, or collapse them into a list. There are extensive options for configuring which columns react in what order and ho
22.
by olifolkerd 8y ago
weird, that all lodes fine for me. I will look at adding some fallback styling incase those fail to load for some reason
23.
by olifolkerd 8y ago
vDOMs do carry a fairly significant performance overhead and they are not worth using where there is only a small amount of data to be handled (which is why it can be turned of in Tabulator if not needed) but on modern browsers it isnt rea
24.
by olifolkerd 8y ago
AG-Grid has some features that tabulator lacks, like multi-cell editing and cell group selection. (but these features will be coming soon to Tabulator) AG-Grid focus's on being a fully functional spreadsheet where as tabulator goes mor
25.
by olifolkerd 8y ago
If you are looking for a react component then ngduc has kindly built one for Tabulator. it can be found here: https://github.com/ngduc/react-tabulator
26.
by olifolkerd 8y ago
Hey Aasasf, Thanks for your feedback. A lot has changed in the last 6 months, Tabulator now has its own react component, and the filter issues have been resolved. There are also examples of how to build range filters in the example section.
27.
by olifolkerd 8y ago
This is why you need to use a virtual DOM to prevent the DOM from being filled with elements that consume memory and slow it down
28.
by olifolkerd 8y ago
Great to hear! if there are any features you feel it is missing, create an issue on GitHub and we can help you out :)
29.
by olifolkerd 8y ago
That does come with a price tag of over $800 dollars for commercial use. Tabulator is completely free :)
30.
by olifolkerd 8y ago
If you need any pointers on which classes to use for what just let me know :)

More ›