> For the complete documentation index, see [llms.txt](https://ryunosukee.gitbook.io/vue3-datatables/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ryunosukee.gitbook.io/vue3-datatables/list-filters.md).

# List Filters

When filtering by column (option `filterByColumn:true`), the `listColumns` option allows for filtering columns whose values are part of a list, using a select box instead of the default free-text filter.

For example:

options: {

filterByColumn: true,

listColumns: {

animal: \[{

id: 1,

text: 'Dog'

},

{

id: 2,

text: 'Cat',

hide:true

},

{

id: 3,

text: 'Tiger'

},

{

id: 4,

text: 'Bear'

}

]

}

}

​

The values of this column should correspond to the id's passed to the list. They will be automatically converted to their textual representation.

Adding `hide:true` to an item, will exclude it from the options presented to the user
