Live Demo

← Docs index

Four small grids, each isolating one thing: raw scroll performance at 1,000,000 rows, inline editing, filtering, and frozen columns. Every grid on this page is a real JHGrid instance loaded straight from the jsDelivr CDN build; view source on this page to see the exact code.

1,000,000 rows

Scrolling stays smooth because only the visible cells are ever drawn; the other 999,900-odd rows don’t exist in the DOM. Drag the scrollbar to jump around; nothing gets slower the further down you go.

Booting…

Editing

Double-click a cell to edit it. Ctrl+Z / Ctrl+Y undo and redo; Ctrl+C / Ctrl+V copy and paste a range.

Filtering

Type in the box for a quick cross-column filter, or click the small indicator at the right edge of a column header (it turns amber when that column has a filter applied) for a per-column filter panel.

Frozen columns

frozenCols / frozenColsRight pin columns to either edge. Scroll right: Name and Dept stay put on the left, Score stays put on the right.


This site uses Just the Docs, a documentation theme for Jekyll.