Data tables Material
Data tables Material
Section titled “Data tables Material”Syntax
Section titled “Syntax”| Form | Syntax | Usage |
|---|---|---|
| Table | ` | Colonne |
| Alignment | ` | :--- |
| Large | { .full-width } | Full width. |
| Mini | { .mini-width align=right } | Compact table. |
| Inline | code, liens, icones, emoji | Rich cells. |
Simple table
Section titled “Simple table”| Method | Description |
| -------- | ------------------------------------ |
| `GET` | :material-check: Fetch resource |
| `PUT` | :material-check-all: Update resource |
| `DELETE` | :material-close: Delete resource |
{: .mini-width align=left }
This text can remain beside a mini table when horizontal space is sufficient.| Method | Description |
|---|---|
GET |
Fetch resource |
PUT |
Update resource |
DELETE |
Delete resource |
This text can remain beside a mini table when horizontal space is sufficient.
Column alignment
Section titled “Column alignment”| Left | Center | Right |
| :---- | :-----: | ----: |
| Alpha | Running | 42 |
| Beta | Paused | 1 024 |
| Gamma | Done | 12 |
{: .full-width }| Left | Center | Right |
|---|---|---|
| Alpha | Running | 42 |
| Beta | Paused | 1 024 |
| Gamma | Done | 12 |
Inline content
Section titled “Inline content”| Service | Status | Notes |
| ------- | ---------------------------------------- | ----- |
| API | :material-check-circle-outline: Online | Uses `GET /health` |
| Worker | :material-progress-clock: Pending | Queue is processing |
| Billing | :material-alert-circle-outline: Review | Needs manual check |
{: .full-width-centered }| Service | Status | Notes |
|---|---|---|
| API | Online | Uses GET /health |
| Worker | Pending | Queue is processing |
| Billing | Review | Needs manual check |