Fath Grid

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

  • Pagination
  • Sorting
  • Filtering
  • Exporting and data download
  • Searching
  • Print
  • Grouping and aggregation
  • Custom row/column visual styles
  • Ability to hide/show and resize columns
  • In-place data editing
  • Sub-grids
  • Interactive data graph
  • Visual Themes
  • Internationalization

Data sources

  • inline HTML table data
  • JSON objects
  • server-side API

Licensing

  • Single website USD 99
  • Per Developer USD 199
  • Team License USD 500
  • Unlimited Contact Us
Photo

Installation

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>
Pagination

Paging

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.

Sorting by multiple columns

Sorting

Click on column header to sort in ascending or descending order. Hold shift key to add multiple columns to sort criteria.

Searching

Search and filter

Type in instant search box or filter data by column values.

Photo

Group and aggregation

Easily control data grouping and add group footers with aggregation and/or table footer.

Graph data

Interactive data graph

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.

Printing

Print data

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.

Export data

Exporting

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.

Editing

Editing

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.

Subgrids

Sub-grids

Use sub-grid to show details of currently selected item.

Photo

Data sources

Inline data, JSON objects, server-side, etc. Wherever your data is, FathGrid got you covered.

Theming

Visual Themes

Use any CSS framework you want. FathGrid goes along. Easily configure CSS classes for grid elements.

I18N

Internationalization

Automatically detect client langauge or use configuration setting. RTL languages are supported also.

Photo

Request A Demo

See FathGrid in action

Photo

Documentation

Developer documentation is available here

Documentation
Photo

Purchase

Buy FathGrid license with full confidence. 30-days money back guarantee!

Site license $99 Developer license $199

Send Us A Message