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.3 adds full UI translations in 35 languages. Toolbars, menus, filters, dialogs and the AI prompt bar now appear in your users' language without you translating a single component string. One grid, one codebase, users in Berlin, São Paulo and Tokyo.
Read articleFastGrid 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 articleA web spreadsheet is not just a grid with editable cells. It is a browser-based workspace that users expect to behave like Excel: formulas, formatting, multiple sheets, copy and paste, keyboard navigation, cell ranges, import, export and calculation.
Read articleContent Security Policy, usually called CSP, is an important security mechanism for modern web applications. It helps control which scripts and resources.
Read articleA React data grid must do more than display rows. It must fit React's component model, state management patterns, rendering behavior and TypeScript usage.
Read articleAn Angular data grid must fit enterprise application architecture. Angular is widely used in structured, long-lived business applications where maintainability, TypeScript, dependency injection, forms, routing and strict project conventions matter.
Read articleA Vue data grid should combine a smooth developer experience with enough performance and flexibility for real applications.
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 articleLearn when a data grid can import, export and edit XLSX files — and when a full spreadsheet component is the better fit.
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 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 articleFastSheet and SpreadSheet are both web spreadsheet components from the TreeGrid product family. Both can be used to open, edit and save spreadsheet-like data directly in the browser.
Read articleFastGrid and FastSheet are closely related, but they solve different problems. FastGrid is a high-performance JavaScript data grid.
Read articleOpening Excel files is only the beginning. The real challenge is controlling formulas, saving, copy-paste, file fidelity and the workflow around XLSX documents.
Read articleA million rows, no server, AI directly in a cell. Why teams stopped emailing XLSX files around.
Read articleFastSheet is a JavaScript spreadsheet component designed for enterprise teams that need to open, edit, and save large XLSX files directly in the browser. It suits developers integrating spreadsheet functionality into web applications and end users who want full Excel-like editing without leaving the browser.
FastSheet supports XLSX files up to the full Excel limits: 1,048,576 rows and 16,384 columns. Virtual scrolling ensures smooth performance even at these sizes, with no pagination or blank scroll gaps.
No. XLSX files can be opened, edited, and saved entirely in the browser without any server communication. An optional backend upload and download flow is also supported if your architecture requires it.
FastSheet includes 230 built-in formula functions compatible with Excel, editable formulas starting with =, formula source cell selection by mouse, external sheet references, user-defined names for cells and ranges, and custom JavaScript-based formulas.
Yes. FastSheet integrates OpenAI ChatGPT using your own OpenAI API license. The AI can manipulate and modify data, analyze and validate sheet content, apply styling, generate and format data from web search results, insert AI-generated images into cells, and handle very large sheets smoothly.
FastSheet supports multiple sheets with the ability to add, delete, move, copy, and rename them. An interactive toolbar displays the full list of sheets. A dedicated sheets and names manager menu is also available, along with automatic sheet sizing.
FastSheet works with React, Vue, Angular, Svelte, Ember, Express, SalesForce LWC, and plain Vanilla JavaScript. Full TypeScript definitions are included for strongly-typed development.
You can export to XLSX, CSV, PDF, and HTML with customizable styling and full formatting preservation. Print-ready layouts include automatic multi-page splitting and scaling.
FastSheet provides Excel-like in-cell editing with keyboard navigation, auto-fill and smart fill-down, copy and paste of values, styles and formats, multi-line and rich text editing, image insertion and manipulation, customizable context menus, and mass operations across ranges affecting formulas, values, styles, borders, and spans.
FastSheet offers significantly faster rendering and scrolling, handles XLSX files with millions of rows, eliminates blank scroll gaps, includes integrated AI, provides a sheets and names manager, supports copy and paste of cell styles and formats, allows users to save and switch between multiple configurations, and features auto-arranged and user-customizable toolbars — none of which are available in the older SpreadSheet component.
FastSheet runs in Chrome, Edge, Safari, Firefox, Opera, Android WebView, and Samsung Internet, covering all WebKit, Gecko, and Blink engine variants.
FastSheet uses the same packages as FastGrid. Run npm create fastgrid-react, npm create fastgrid-angular, npm create fastgrid-vue, npm create fastgrid-svelte or npm create fastgrid-html depending on your stack; FastSheet is included as a FastGrid extension.
The framework documentation pages cover both FastGrid and FastSheet, since they share the same package.
Yes, the XLSX load/save capability works the same way regardless of framework integration; see the framework-specific example for the exact API call.
Yes, via npm create fastgrid-html, the same package used for FastGrid.