React-table：在订购其余部分时始终将第一行保持在最前面

Question

我正在 react-table V7 和 MUI 中创建一个表。我想要一个表格，我可以在其中对除第一行以外的所有行进行排序。我总是希望那一行成为第一行。

我怎样才能做到这一点？我创建了一个代码沙箱作为示例：

code sandbox

Answer 1

首先将第一个元素推送到数组，然后将搜索结果推送到数组 例如：

const animals = ['zebra','monkey','ant', 'bison', 'camel', 'duck', 'elephant'];
const search=[];

search.push(animals[0]);

animals.slice(1);
// search operation
search.push(...animals.slice(1).sort())
console.log(search)