Table
<k-table>
A simple table component with columns and rows
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| columns |
object |
– |
Configuration which columns to include. Supported keys: after, before, label, type, width
Example:{ title: { label: "title", type: "text" } }
|
| disabled |
boolean |
– |
Whether table is disabled
|
| empty |
string |
– |
Text to be shown when table has no rows
|
| fields |
object |
Optional fields configuration that can be used as columns (used for our structure field)
|
|
| index |
number|boolean |
1 |
Index number for first row
|
| options |
array|func |
– |
What options to include in dropdown
|
| rows |
array |
– |
Array of table rows
|
| sortable |
boolean |
– |
Whether table is sortable
|
Events
| Event | Description | Passes |
|---|---|---|
| cell |
|
– |
| change |
|
– |
| header |
|
– |
| input |
|
– |
| option |
|
|
| sort |
|
– |
Slots
| Slot | Description |
|---|---|
| header | |
| index | |
| options |
CSS classes
.k-table