使用反应表显示以当前日期为顶级结果的行

Question

我正在尝试使用react-table创建一个表，该表将显示与今天的日期匹配的数据作为顶部结果。例如，今天是2021年8月18日，所以我想要任何与2021年8月18日匹配的数据条目(mm/dd/yyyy)格式)显示为表中最上面的条目。

我当前的表是这样的

举个例子，我已经按时间顺序对我的表进行了排序(从最早到最晚)mm/dd/yyyy格式)。然而，我想要任何条目/条目在上面的表与今天的日期(例如。Date of Operation: 08/18/2021)将显示在表的顶部。此后，与今天日期不匹配的条目将继续按时间顺序排序。

谁能告诉我这是怎么做的?谢谢你。

Answer 1

无需深入代码细节，您应该能够通过在列定义API文档中提供自定义排序函数来实现这一点。我们不做这个特定的排序，但我们有多个自定义排序函数，我从库源中读取sortTypes.js文件，在编写它们时得到了最大的帮助。

Answer 2

下面是一个简单的日期排序函数。您基本上得到两行和一个columnId，并返回-1、0或1。

const prevDate = new Date(prev.original[columnId])
const prevIsDate = ...
const currDate = new Date(curr.original[columnId])
const currIsDate = ...
if (prevIsDate && currIsDate) {
return prevDate > currDate ? 1 : -1
} else {
if (!prevIsDate) {
return !currIsDate ? 0 : 1
} else {
return 1
}
}
}