FilterDropdown with null operator
In Antd table using NestJS-Query, how to do FilterDropdown with null operator?
<Table.Column<Ticket>
dataIndex="validated"
title="Validated"
defaultFilteredValue={getDefaultFilter(
'validated',
filters,
'null',
)}
filterIcon={<FilterFilled />}
filterDropdown={(props) => (
<FilterDropdown {...props}>
<Switch />
</FilterDropdown>
)}
onFilter={(value, record) => {
return !!record.validated;
}}
sorter={{ multiple: 1 }}
defaultSortOrder={getDefaultSortOrder('validated', sorters)}
render={(value, record) => (
<Space>
{record.validated ? (
<Tag color="green" style={{ textTransform: 'capitalize' }}>
{formatDate(true, record.validated)}
</Tag>
) : (
<Tag color="red" style={{ textTransform: 'capitalize' }}>
No
</Tag>
)}
</Space>
)}
/><Table.Column<Ticket>
dataIndex="validated"
title="Validated"
defaultFilteredValue={getDefaultFilter(
'validated',
filters,
'null',
)}
filterIcon={<FilterFilled />}
filterDropdown={(props) => (
<FilterDropdown {...props}>
<Switch />
</FilterDropdown>
)}
onFilter={(value, record) => {
return !!record.validated;
}}
sorter={{ multiple: 1 }}
defaultSortOrder={getDefaultSortOrder('validated', sorters)}
render={(value, record) => (
<Space>
{record.validated ? (
<Tag color="green" style={{ textTransform: 'capitalize' }}>
{formatDate(true, record.validated)}
</Tag>
) : (
<Tag color="red" style={{ textTransform: 'capitalize' }}>
No
</Tag>
)}
</Space>
)}
/>