How to add an expandable detail row (master/detail) to a data grid

Click the arrow at the start of an order row and it opens onto a nested grid holding that order's own line items, inline, beneath the row it belongs to. Any number of orders can be expanded together, each with its own detail grid. Read the full how-to on latticegrid.dev.

Two things to know: the detail region takes a fixed height by default, so a nested grid with more rows than fit scrolls inside it rather than growing the row; and detail state is not part of the data, so sorting or filtering the outer grid does not move or close an open detail, it simply follows the master row wherever it now sits.