I am creating a table with filters, with the following columns name | amount | unit price | total , I want to know how you could keep several columns filtered at the time and uncheck them so that they stop filtering type checkbox, also in the columns unit price | total I want to apply another type of filter, from lower price to higher and higher to lower.
const table = useReactTable({
columns: [column],
sortingFns: {
myCustomSorting: (rowA: any, rowB: any, columnId: any): number =>
rowA.getValue(columnId).value < rowB.getValue(columnId).value ? 1 : -1,
},
})
Checking the documentation I found this prop that has the hook but did not find a way to integrate a different sort function for each header and how to keep several filters active.