Just include fathgrid.js in your HTML page and you are good to go. No dependencies. Use with any front-end framework.
Supports use with React, Vue, Angular and other JavaScript frontend frameworks.
<script src="fathgrid.js"></script>
Advanced Front-End Data Grid. No dependency, pure JavaScript component for data presentation, data entry, management and analytics.
With just one line of code, turn an HTML table into powerful data-entry, analytics and reporting tool.
FathGrid out-of-a-box supports
Data sources
Just include fathgrid.js in your HTML page and you are good to go. No dependencies. Use with any front-end framework.
Supports use with React, Vue, Angular and other JavaScript frontend frameworks.
<script src="fathgrid.js"></script>
Set page size, control current page by code or show intuitive pager nav-bar with first, previous, current, next, last page buttons. Click on current page to enter page number to go to.
Click on column header to sort in ascending or descending order. Hold shift key to add multiple columns to sort criteria.
Type in instant search box or filter data by column values.
Easily control data grouping and add group footers with aggregation and/or table footer.
Data visualization with build-in graphs of variaous types. Just click in a toolbar to generate a graph. And, graph will change as you change the data.
To enable graph support, include chart.js in your page and charting functionality will be automatically enabled.
Print data without the rest of the page content with a click on a button in grid toolbar.
Print function opens whole data grid content in another tab, optionally adds graph and a title, then print.
Text, CSV, HTML and XLS export formats are supported.
To enable PDF export, include jsPDF.js in your page and PDF export functionality will be automatically enabled.
Easily edit cell content. Editor options include text, date, select from list, textarea, color, etc.
After each cell modification, a callback function is called to allow sending modified data back to the server.
Use sub-grid to show details of currently selected item.
Inline data, JSON objects, server-side, etc. Wherever your data is, FathGrid got you covered.
Use any CSS framework you want. FathGrid goes along. Easily configure CSS classes for grid elements.
Automatically detect client langauge or use configuration setting. RTL languages are supported also.
See FathGrid in action
Developer documentation is available here
DocumentationBuy FathGrid license with full confidence. 30-days money back guarantee!
Site license $99 Developer license $199