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.