Filtering table by status not working properly
As you can see in the image I am filtering my table by status which is a number and its defined in the columns.
In columns.tsx
The values selected in the filter by status are being added to columnFilter inside my Table.tsx component.
I dont understand why its not filtering correctly since I am passing the correct status number to the filter.
In columns.tsx
{
header: 'Status',
accessorKey: 'status',
enableSorting: true,
cell: ({ row }) => {
const status = statuses.find(
(status) => status.value === row.original.status
);
if (!status) {
return null;
}
return (
<Badge variant={status.variant}>
{status.label} - {status.value}
</Badge>
);
},
},The values selected in the filter by status are being added to columnFilter inside my Table.tsx component.
I dont understand why its not filtering correctly since I am passing the correct status number to the filter.
