DHTMLX Showcase

Full-featured showcase replicating the DHTMLX TreeGrid demo. Includes tree rows, drag-and-drop reorder, multi-select, inline edit, header filters, footer sums, avatar columns, and status badges.

Open in Storybook →

The full source is available in stories/TreeGrid.stories.tsx in the repository.

Features demonstrated

• Tree rows — parent/child hierarchy with expand/collapse
• Drag-and-drop reorder — rows can be dragged to new positions
• Multi-select — Ctrl/Cmd + click to select multiple rows
• Inline edit — double-click cells to edit values
• Header filters — input and select filters per column
• Footer sums — aggregated totals in the footer row
• Avatar column — template renders an <img> with a circular avatar
• Status badges — template renders colour-coded status pills
• Signed balance — mark highlights negative values in red