Demos
Each page focuses on one feature, with live controls and the exact code that runs it.
100,000 rowsRow and column virtualization keeps 100k × 50 smooth.SortingClick to sort, Shift-click for multi-column sort, custom comparators.FilteringText, number, date and set filters plus a quick search box.Pinned columnsPin columns left or right; they stay put while you scroll.Column groupsNest headers to any depth with column groups.Column customizationShow, hide, reorder, resize, autosize and reset columns; save the layout.Summary rowsTotals and averages at the top or bottom, pinned or scrolling.EditingEdit cells in place with text, number, date and select editors, validation, undo and change tracking.Spreadsheet toolsMerged cells, a fill handle, a status bar with totals, pinned rows and Ctrl+F find.Grouping & treesGroup rows with totals, nest rows as a tree, open detail panels, drag rows into order.Pages & server dataPage through rows, or load them from your server in blocks as people scroll.Export, import & filters panelSave to Excel or CSV, read Excel or CSV files back in, and filter from a side panel.Copy, paste & right-clickExcel-style cell ranges, copy to Excel, paste from Excel, and a right-click menu.Row selectionSingle or multiple selection with checkboxes, Ctrl and Shift.Keyboard navigationArrow keys, Tab, Home/End and Page keys move the focused cell.Formatting & renderersLocale-aware number and date formats, custom cell renderers and classes.Themes & fontsLight and dark themes, CSS variables, font size and family.7 languagesSwitch the grid UI between English, Korean, Chinese, Japanese, Spanish, French and German.ReactThe <FreeGrid> component with props, events and a ref to the API.VueThe <FreeGrid> component with props, events and getApi().