Table Column
Table columns can be configured to enable / disable filtering, sorting, export and also sizing.
Options
noExport
- Type:
boolean
- Default:
false
Used to exclude column from the export.
Refer to Export to learn more.
noFilter
- Type:
boolean
- Default:
false
Used to disable filtering on the column.
Refer to Filtering to learn more.
noSort
- Type:
boolean
- Default:
false
Used to disable sorting on the column.
Refer to Sorting to learn more.
shrink
- Type:
boolean
- Default:
false
Used to shrink the column width:
vue
<template>
<ModernTable
:columns="[
{ label: 'Country (shrinked)', field: 'country', shrink: true },
{ label: 'Capital', field: 'capital' }
]"
:rows="[
{ country: 'Ukraine', capital: 'Kiev' },
{ country: 'France', capital: 'Paris' },
{ country: 'Germany', capital: 'Berlin' }
]"
/>
</template>
Country (shrinked) | Capital |
---|---|
Ukraine | Kiev |
France | Paris |
Germany | Berlin |
1 - 3 / 3 |