Estoy usando CoreUI React Smart Table, parece que no puedo descifrar cómo poner el filtro solo en ciertas columnas.

Quiero que se vea así: Captura de pantalla

La documentación está aquí, pero en realidad no parece mostrar cómo: https://coreui.io/react/docs/components/smart-table/

Cualquier ayuda sería realmente apreciada.

Aquí está mi código:

 import React, { useState } from 'react' import { CCardBody, CButton, CSmartTable } from '@coreui/react-pro' import data from './_data.js' const SmartTableDownloadableExample = () => { const [currentItems, setCurrentItems] = useState(data) const csvContent = currentItems.map((item) => Object.values(item).join(',')).join('\n') const csvCode = 'data:text/csv;charset=utf-8,SEP=,%0A' + encodeURIComponent(csvContent) return ( <CCardBody> <CButton color="primary" className="mb-2" href={csvCode} download="coreui-table-data.csv" target="_blank" > Download current items (.csv) </CButton> <CSmartTable columnFilter={{ column: 'id' }} columnSorter items={data} itemsPerPage={5} onFilteredItemsChange={setCurrentItems} pagination /> </CCardBody> ) } export default SmartTableDownloadableExample