HandsonTable Integrations

jQuery

jQuery is a library, which makes DOM manipulations and event handling easier. Handson table is fully compatible with jQuery - the small example below shows that the integration between the two is quick and intuitive. In order to use Handson table as a jQuery plugin, you need to do some basic preparation:

 
A
B
C
D
E
F
G
1
KiaNissanToyotaHondaMazdaFord
2
2012101112131516
3
2013101112131516
4
2014101112131516
5
2015101112131516
6
2016101112131516
 
A
B
C
D
E
F
G
 
1
2
3
4
5
6
 

ChromaJS

The following demo shows an example of using heatmaps for the values in the grid's columns. Changing the values in the grid automatically recalculates the font color for the whole column, thereby updating a heatmap. The dynamic color scale calculation is done using the excellent Chroma.js.

Year
Domestic Flights
International Flights
Total Flights
20121902515090195341
20132244956486230981
20142540446765260809
20152540997521261620
20162711089449280557
201728056511714292279
201828412011292295412
201927974211468291210
202029041111806302217
202129065210891301543
202228386310402294265
202326764610104255850
Year
Domestic Flights
International Flights
Total Flights

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now