This is the kitchen-sink demo: one grid with every interaction feature turned on at once, so you can see how they compose. It renders 10,000 rows across fourteen columns — four hidden by default — with the toolbar, per-column filters, column sizing, pinning, ordering & visibility, the column menu, row selection, multi-column sorting and pagination — plus drag-and-drop row reordering and inline cell editing on top.

Every one of these is a single option, documented on its own page in the Data Grid docs — this demo just enables them together.

Only the visible window of rows exists in the DOM — scroll, sort, filter and select across the full dataset. This live demo runs on 100,000 generated rows, tuned by the rowHeight and overscan options. For datasets larger than browser memory, hand paging to your backend with server-side data — see the Performance guide for tuning advice.