Basic Usage
| ID | User | Status | Role |
|---|---|---|---|
| #1 | Jane Doe | Active | Admin |
| #2 | John Smith | Pending | User |
| #3 | Alice Cooper | Inactive | Editor |
Row Selection
Enable Selectable: true to add checkboxes and multi-selection logic.
| Item | Category | Price | |
|---|---|---|---|
| Wireless Mouse | Accessories | $29.00 | |
| mechanical Keyboard | Accessories | $89.00 | |
| USB-C Hub | Hardware | $45.00 |
Usage
A simple table within a scrollable clay container.
@data.Table(data.TableProps{Selectable: true, Hover: true}) {
@data.THead() {
@data.TR(data.TableProps{Selectable: true}, true, "") {
@data.TH(data.TableProps{}) { Name }
}
}
@data.TBody() {
@data.TR(data.TableProps{Selectable: true}, false, "user-123") {
@data.TD(data.TableProps{}) { Alice }
}
}
}