Skip to content
On this page

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