OR condition on a globalFilter
How can I use a OR condition in my globalFilter?
I'm getting it like this
const {
rows,
preGlobalFilteredRows,
setPageSize,
state,
getTableProps,
getTableBodyProps,
headerGroups,
page,
nextPage,
canNextPage,
canPreviousPage,
previousPage,
pageCount,
gotoPage,
prepareRow,
setGlobalFilter,
} = useTable({
columns: tableColumns,
data: tableData,
initialState: {
pageSize: 5,
},
},
useGlobalFilter,
useSortBy,
usePagination,
useRowSelect)
const { pageSize, globalFilter, pageIndex } = state
<SearchGlobalFilter
value={globalFilter || ''}
onChange={e => setGlobalFilter(e.target.value)} />
I'm getting it like this
const {
rows,
preGlobalFilteredRows,
setPageSize,
state,
getTableProps,
getTableBodyProps,
headerGroups,
page,
nextPage,
canNextPage,
canPreviousPage,
previousPage,
pageCount,
gotoPage,
prepareRow,
setGlobalFilter,
} = useTable({
columns: tableColumns,
data: tableData,
initialState: {
pageSize: 5,
},
},
useGlobalFilter,
useSortBy,
usePagination,
useRowSelect)
const { pageSize, globalFilter, pageIndex } = state
<SearchGlobalFilter
value={globalFilter || ''}
onChange={e => setGlobalFilter(e.target.value)} />
