| Expand row | Reference | Client | Role | Status | Amount |
|---|---|---|---|---|---|
PRJ-001 | Riverside Studio | Designer | Confirmed | $180 | |
PRJ-002 | Northgate Labs | Developer | Pending | $240 | |
PRJ-003 | Harbour Media | Copywriter | Confirmed | $150 | |
PRJ-004 | Eastfield Group | Designer | Completed | $210 | |
PRJ-005 | Southbank Digital | Consultant | Pending | $320 |
<DataTable.Root
columns={columns}
data={projects}
renderExpandedRow={(project) => <ProjectDetail project={project} />}
/>;Supplying the prop is what makes rows expandable — each grows a caret in a leading cell, and the panel spans the full width beneath it.