Insensitive sorting in react table v7

[Kavimugilan17]

After sorting Lower cases are went down.

Link: https://codesandbox.io/s/holy-voice-3zeqv?file=/src/App.js

[Kavimugilan17]

Below Code is working fine.

Custom Sorting Code:

const sortItems = (prev: Row, curr: Row, columnId: string) => {
if (prev.original[columnId].toLowerCase() > curr.original[columnId].toLowerCase()) {
return 1;
} else if (prev.original[columnId].toLowerCase() < curr.original[columnId].toLowerCase()) {
return -1;
} else {
return 0;
}
};

Column:

{
Header: 'Sample Header',
accessor: 'sampleHeader',
sortType: (prev, curr, columnId) => {
return sortItems(prev, curr, columnId);
}
}

[smcalilly]

this doesn't quite work but it's on the right track. if you click the sort button three times in a row, it goes back to the column's original sort that happened on page load. i'm trying to figure out an issue, but might override this by sorting the data once before the table component mounts

[as-zlynn-philipps]

is that not expected behavior?