T
TanStack13mo ago
continuing-cyan

having trouble sorting column

how can i specify based on what it should be sorting, i tried seting the sortingFn in the columns but i put console log there and it didnt invoke
3 Replies
continuing-cyan
continuing-cyanOP13mo ago
also i should mention that i have custom cell
{
id: 'pass',
header: 'Karnet (status)',
cell: ({ row }) => <CarnetStatusCell row={row} />,
sortingFn: sortStatusFn,
},

const sortStatusFn: SortingFn<ApiUser> = (rowA, rowB, _columnId) => {
console.log('HERE');
console.log(rowA.original.karnet);
console.log(rowB.original.karnet);

return -1;
};
{
id: 'pass',
header: 'Karnet (status)',
cell: ({ row }) => <CarnetStatusCell row={row} />,
sortingFn: sortStatusFn,
},

const sortStatusFn: SortingFn<ApiUser> = (rowA, rowB, _columnId) => {
console.log('HERE');
console.log(rowA.original.karnet);
console.log(rowB.original.karnet);

return -1;
};
this doesnt work
deep-jade
deep-jade13mo ago
do you not have an accessor?
continuing-cyan
continuing-cyanOP13mo ago
um no damn it works with accessor but, how can i sort it by text
const sortStatusFn: SortingFn<ApiUser> = (rowA, rowB, _columnId) => {
console.log('HERE');
console.log(rowA.original.karnet);
console.log(rowB.original.karnet);

const statusA = isCarnetActive(
parseISO(rowA.original.karnet.data_zakonczenia as string),
);
const statusB = isCarnetActive(
parseISO(rowB.original.karnet.data_zakonczenia as string),
);

return 1;
};
const sortStatusFn: SortingFn<ApiUser> = (rowA, rowB, _columnId) => {
console.log('HERE');
console.log(rowA.original.karnet);
console.log(rowB.original.karnet);

const statusA = isCarnetActive(
parseISO(rowA.original.karnet.data_zakonczenia as string),
);
const statusB = isCarnetActive(
parseISO(rowB.original.karnet.data_zakonczenia as string),
);

return 1;
};
cause i have that sorting fuction but what do i return, i have 2 strings ok i finally understand how accessorKey works haha thanks a lot

Did you find this page helpful?