search

ubeac / svelte

Accelerate your Svelte development with uBeac's powerful and easy-to-use UI components
https://svelte.ubeac.io
MIT License
37 stars 6 forks source link

Data grid libraries #58

Closed TheHadiAhmadi closed 2 years ago

TheHadiAhmadi commented 2 years ago

Open-Source / Free libraries: gridjs.io (pure js, react) frappe.io (pure js) react-table (react only | headless) handsontable (pure js, react, vue, angular | spreadsheet-like) ag-grid (pure js, react, vue, angular | also has a non-free, enterprise version)

Non-Free / Enterprise: wijmo flexgrid (pure js, react, vue, angular)

TheHadiAhmadi commented 2 years ago

gridjs.io: this library supports search, sort and pagination and we can customize styles by writing custom css code (it's default theme has 219 Lines of code) Also it can connect to server and get data based on url and supports server-side search

writing custom html inside cells are also supported by writing html as string currently it has 3.6k stras in github

TheHadiAhmadi commented 2 years ago

I was unable to run example for frappe.io

currently it has 784 stars in github

TheHadiAhmadi commented 2 years ago

react-table (tanstack/table) also supports svelte and currently it has 17.7k stars in github. this is a headless table library and we can easily customize it's style. also supports pagination,soring, filtering, row expanding and more..

TheHadiAhmadi commented 2 years ago

handsontable is a fully featured spreadsheet-like table with it's own dependencies (date picker, formula runner engine, ...) and has 16.7k stars in github

TheHadiAhmadi commented 2 years ago

@abdolian which library is better?

TheHadiAhmadi commented 2 years ago

ag-grid has communuty and enterprise editions and supports all basic features with some advance features like:‌ "export to CSV" or "in place cell editing" and more, also ag-grid has integrated charting support. it has 8.8k stars in github

TheHadiAhmadi commented 2 years ago

wijmo flexgrid library is not free and costs $699 for each developer (one year)

TheHadiAhmadi commented 2 years ago

https://www.npmjs.com/package/svelte-table

I think this library is better than others, we can have custom <Button>, <Input> ,.... components inside svelte-table component and it also supports filtering and sorting (didn't found anything about pagination in their README)

abdolian commented 2 years ago
npm js svelte downloads star free
https://www.npmjs.com/package/tabulator-tables yes no 65,474 5.0K yes
https://www.npmjs.com/package/gridjs yes no 13,938 3.7K yes
https://www.npmjs.com/package/canvas-datagrid yes no 3,251 1.1K yes
https://www.npmjs.com/package/@revolist/revogrid yes yes 2,841 2.2K yes
https://www.npmjs.com/package/tui-grid yes no 1,516 2.1K yes
https://fancygrid.com - - - - no
https://www.sencha.com - - - - no
https://www.grapecity.com/wijmo/flexgrid-javascript-data-grid - - - - no
https://webix.com/widget/datatable - - - - no
https://handsontable.com - - - - no
https://www.ag-grid.com - - - - no
https://dhtmlx.com/docs/products/dhtmlxSuite - - - - no
https://www.bryntum.com/products/grid - - - - no
https://www.fusioncharts.com/fusiongrid?utm_source=Geekflare&utm_medium=LeadsAcquisition&utm_content=ListingJuly22 - - - - no
https://js.devexpress.com/Overview/DataGrid - - - - no
https://www.htmlelements.com - - - - no
https://www.grapecity.com/wijmo/flexgrid-javascript-data-grid - - - - no