Cell Templates provide limitless templates with support for declarative markup and binding expressions for Angular, React, Vue and PureJS.
Excel-like keyboard support, data aggregation, cell merging, star sizing, and cell freezing create a familiar experience.
Written in TypeScript
With TypeScript, you'll get an object-oriented C# feel, design-time error checking, and complete IntelliSense in Visual Studio.
Our FlexGrid module clocks at 113kb, it'll help keep your applications lean and fast with minimal load time.
FlexGrid, has built-in support for Excel-like, in-cell editing. Customize the data stored inside of the FlexGrid, such as data validation, pop-up editors, and custom editors.
Flexgrid supports multiple filter options, from standard text and highlighting to Excel-like filtering. Use server-side filtering when loading data from an OData source.
Aggregate data to display summarized information for rows and columns in the entire datagrid or individual sections. You're able to set where the aggregated data is displayed, create custom aggregations, utilize built-in functions, and format options.
Import Export Excel
If your business relies on Excel for data management, you can use FlexGrid to both import XLSX files, as well as export your FlexGrid data into an XLSX file to view in Excel. FlexGrid also supports both synchronous and asynchronous data exportation and has the ability to retain formatting and styles set by FlexGrid and Excel.
Some languages render content from the right-hand side to the left-hand side of a page. HTML accommodates this by using the dir attribute. Place FlexGrid within an element set to display content from right to left; FlexGrid will display its content in the same way.
FlexGrid allows users to modify columns by dragging and dropping their headers and disable reordering in the entire datagrid or in individual columns. Enable reordering by setting the allowReordering property as true and dragging and dropping the column header from one index to another within the datagrid.