npm create fastgrid-angular
Add FastGrid library to your project
npm install fastgrid-angular
Import FastGrid library in your .ts file
import { FastGridComponent, type FastGridOutputEvent } from "fastgrid-angular";
Show simple FastGrid on your page
<fast-grid [src]='{Cols:["A","B","C"],Head:["Header"],Body:[{V:[1,2,3]},{V:[4,5,6]}]}' style="height:500px;"></fast-grid>
FastGrid in Angular documentationnpm create fastgrid-react
Add FastGrid library to your project
npm install fastgrid-react
Import FastGrid library in your .jsx / .tsx file
import { FastGrid } from "fastgrid-react";
Show simple FastGrid on your page
<FastGrid src={{Cols:["A","B","C"],Head:["Header"],Body:[{V:[1,2,3]},{V:[4,5,6]}]}} style={{height:"500px"}}/>
FastGrid in React documentationnpm create fastgrid-vue
Add FastGrid library to your project
npm install fastgrid-vue
Import FastGrid library in your .vue file
import { FastGrid } from "fastgrid-vue";
Show simple FastGrid on your page
<FastGrid :src='{Cols:["A","B","C"],Head:["Header"],Body:[{V:[1,2,3]},{V:[4,5,6]}]}' style="height:500px;"/>
FastGrid in Vue documentationnpm create fastgrid-svelte
Add FastGrid library to your project
npm install fastgrid-svelte
Import FastGrid library in your .svelte file
import { FastGrid } from "fastgrid-svelte";
Show simple FastGrid on your page
<FastGrid src={{Cols:["A","B","C"],Head:["Header"],Body:[{V:[1,2,3]},{V:[4,5,6]}]}} style="height:500px;"/>
FastGrid in Svelte documentationnpm create fastgrid-html
Add FastGrid library to your project<script src="path/FGridE.js"></script>
Or for testing use direct import from
<script src="https://www.treegrid.com
Show simple FastGrid on your page
<fast-grid src="{Cols:["A","B","C"],Head:["Header"],Body:[{V:[1,2,3]},{ V:[4,5,6]}]}" style="height:500px;"></fast-grid>
FastGrid in HTML / JavaScript documentation<script src="path/FGridE.js"></script>
Show simple FastGrid on your page
<fast-grid src="{Cols:["A","B","C"],Head:["Header"],Body:[{V:[1,2,3]},{ V:[4,5,6]}]}" style="height:500px;"></fast-grid>
FastGrid in HTML / JavaScript documentation
Chrome
Edge
Safari
Firefox
Android
Samsung
OperaFastGrid 3.2 adds official npm packages and example projects for React, Angular, Vue and Svelte, plus a plain HTML/JavaScript setup and a Node.js backend example.
Read articlef you added FastGrid to your project with a script tag before version 3.2, it still works. Nothing breaks. But since 3.2, FastGrid also ships as an official npm package for React, Angular, Vue and Svelte. Here is what changes, what doesn't, and how to move over.
Read articleChoosing a JavaScript data grid usually comes down to two questions: does it handle your data volume, and does it fit your framework cleanly. This guide covers the second part for FastGrid, framework by framework.
Read articleChoosing a JavaScript data grid is a product decision, not only a frontend decision. The grid will influence application performance, user productivity, implementation cost, long-term maintainability and the way users interact with data.
Read articleAn enterprise data grid is not a simple table with sorting. It is a critical application component that must support performance, usability, security, maintainability and long-term business workflows. In many internal systems, the grid is the place where.
Read articleThe best JavaScript data grid for large datasets is the one that can stay fast after the demo is over. Large data is not just a row count.
Read articleVirtual scrolling is one of the most important techniques behind high-performance web grids. It allows a JavaScript component to display very large datasets without rendering every row and every cell into the browser at once. For users, it can feel like one.
Read articleContent Security Policy, usually called CSP, is an important security mechanism for modern web applications. It helps control which scripts and resources.
Read articleLearn what a JavaScript data grid is, how it differs from a basic HTML table and why enterprise applications rely on grids for editing, filtering and large datasets.
Read articleUnderstand when a basic HTML table is enough and when an interactive JavaScript data grid becomes the better choice for editing, performance and enterprise workflows.
Read articleWhat to look for when choosing a grid for very large datasets: virtual scrolling, lazy loading, editing, export and real-world browser performance.
Read articleA practical explanation of how virtual scrolling helps JavaScript grids display large datasets without rendering every row into the DOM at once.
Read articleModern data grids need to fit real frontend stacks. Here is how framework support works across React, Angular, Vue, Svelte and Vanilla JavaScript.
Read articleA tree grid combines hierarchy with columns, making it useful for product categories, project tasks, permissions, financial accounts and nested enterprise data.
Read articlePagination and virtual scrolling both handle large datasets, but they create very different user experiences. Learn which pattern fits each workflow.
Read articleTreeGrid offers several JavaScript components for enterprise data applications. They share the same focus on complex browser-based data work, but they are not designed for the same use case.
Read articleFastGrid and TreeGrid are both JavaScript grid components from the TreeGrid product family, but they are designed for different priorities.
Read articleFastGrid and FastSheet are closely related, but they solve different problems. FastGrid is a high-performance JavaScript data grid.
Read articleMillions of rows, fast scrolling, lazy loading, exports and AI-assisted data work. How to make large datasets feel instant instead of overwhelming.
Read articleMillions of rows, no pagination, AI directly in a cell. How developers deploy FastGrid in real-world projects.
Read articleFastGrid is a high-performance JavaScript data grid designed for enterprise applications working with large volumes of data. It's built for developers and teams who need to smoothly display, edit, and analyze millions of rows or columns directly in the browser.
FastGrid uses virtual scrolling and lazy loading — only the currently visible cells are rendered in the DOM. The result is smooth, gap-free scrolling even on extremely large datasets.
Yes. FastGrid natively integrates OpenAI ChatGPT, with users bringing their own OpenAI API license. The AI can search the web, generate images, filter data using AI-generated regular expressions, and fully control and manipulate very large grids. Integration with other AI vendors is also supported.
FastGrid supports React, Vue, Angular, Svelte, Ember, Express, and SalesForce LWC — in both JavaScript and TypeScript. It can also be used in plain Vanilla JS or any other client-side framework that supports third-party JS code.
Data can be loaded and exported in JSON, XLSX, and CSV formats. PDF and HTML export is also available with full formatting preserved. FastGrid also offers its own ultra-fast UTF8 Store format for maximum performance.
Yes. FastGrid is designed to be fully operable through the user interface or via AI, without the need to write any custom JavaScript code.
FastGrid provides Excel-like editing — including keyboard navigation, auto-complete, input validation, input masks, multi-row editing, a rich text editor, a calendar picker for date cells, and image insertion. Auto-fill and smart fill-down operations are also supported.
Yes. FastGrid includes a complete Excel-compatible formula engine with over 200 functions, support for JavaScript-based formulas and calculations, and direct access to the full grid API from within formulas.
FastGrid supports dynamic pivot tables with drag-and-drop configuration, multi-level grouping, Excel-style auto-filtering, full-text search, row and column sorting and filtering, aggregation functions (sum, average, count, etc.), and conditional formatting.
FastGrid is compatible with all modern browsers: Chrome, Edge, Safari, Firefox, Opera, Android WebView, and Samsung Internet. All rendering engines — WebKit, Gecko, and Blink — are supported.
FastGrid brings significantly faster rendering and scrolling compared to TreeGrid, zero blank areas during scrolling, built-in AI integration, support for millions of rows without pagination, a compact UTF8 Store format, per-row custom column structures, and unlimited independently scrollable sections.
FastGrid connects to any backend returning JSON. Ready-made server-side code examples include Node.js, ASP.NET (C# and VB), JSP (Java), and PHP. Communication is handled via AJAX, form submits, or a custom API.
Yes. FastGrid supports full theming via JSON configuration, both built-in and custom themes, responsive design with touch support, localization into any language, and user-managed configuration profiles.
Yes. As of version 3.2, FastGrid has official npm packages and example projects for React, Angular, Vue and Svelte, plus a plain HTML/JavaScript example. See the "Use & Integrate" section.
Yes, via the HTML/JavaScript example linked in the framework documentation.
Yes, a Node.js example is included. FastGrid also works with any backend that returns JSON (ASP.NET, Java/JSP, PHP examples are included in the package).
Each framework has a dedicated documentation page (React, Angular, Vue, Svelte, HTML/JS) linked from the "Use & Integrate" section and from the Download page.
No. Licensing remains per developer/application with unlimited end users, no royalties, regardless of install method.
Not currently. Framework packages exist for FastGrid and FastSheet only.