Grid requirements - AndyStobirski/tabular-vis.js GitHub Wiki

Grids in tabular-vis.js require the following features:

1. Move columns / rows
2. Event handling - events raised for things like column moved, row filter etc
3. Column filtering - ability to filter rows using data specific options
4. Column sorting
5. Custom context menus - display option to display row or column on cell right click
6. Row headers

	Handsontable	React Data Grid	DevExtreme
Move columns / rows	y	y	y
Event handling	y	y	?
Column filtering	y	y	y
Column sorting	y	y	y
Custom context menus	y	y
Row headers	y	y	?
Row moving	y	y	y
License	MIT	free for non-commerical use	Limited to 30 day trial

Handsontable

https://handsontable.com/

Notes:

• data source for cells is array of arrays
• Column filtering: string / numeric / date

Issues:

• Event handling: had to downgrade from current version of 9.0.0 to 7.4.2 as code with the event body stops associated action from running, e.g. code in afterFilter stops the filter from working
• Row header height misaligned with rows

React Data Grid

https://adazzle.github.io/react-data-grid/ https://github.com/adazzle/react-data-grid

Notes:

• Column filtering: string / numeric
• data source for cells is array of objects

DevExtreme

https://js.devexpress.com/Overview/DataGrid/

Notes:

• Multiple data format inputs