Table
A responsive table component.
Examples
Default Table
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
Striped Table
| Name | Role | |
|---|---|---|
| John Doe | Admin | john@example.com |
| Jane Smith | User | jane@example.com |
| Bob Johnson | User | bob@example.com |
| Alice Williams | Moderator | alice@example.com |
Properties
| Prop | Type | Default | Description |
|---|---|---|---|
| striped | boolean | false | Whether to alternate row background colors. |
Usage
blade
<x-plume::table striped>
<x-plume::table.header>
<x-plume::table.row>
<x-plume::table.head>Header</x-plume::table.head>
</x-plume::table.row>
</x-plume::table.header>
<x-plume::table.body>
<x-plume::table.row>
<x-plume::table.cell>Cell Content</x-plume::table.cell>
</x-plume::table.row>
</x-plume::table.body>
</x-plume::table>