react-admin 列表视图中的自定义行
custom rows in react-admin list view
我正在使用 react-admin list component 并想为特定行添加自定义布局。
通常，每一行都是由列表组件使用来自数据提供者的数据构建的。我想根据行的数据自定义特定的行。这些特定的行不应使用标准布局（和列），而应使用专门定义的布局。
这是一个例子，我正在寻找的是：
特殊行要根据数据对象来选择。
形成标准行的标准数据对象可能如下所示：
{
id: 127,
Reference: "OEPEE4",
author_id: 12,
...
}
特殊条目可能如下所示：
{
id: 128,
isSpecial: true,
text: "Lorem Ipsum ...",
...
}
有人知道如何实现吗？
谢谢！
我认为关键在于创建自定义 DataGrid 组件的主体和行，因为这样您就可以检查 record.isSpecial 的值，因为 record 是传递给组件。看看this part of the docs.
我尝试了一些自定义 DataGridRow（这里是 sandbox），当记录有 isSpecial 属性，尽管我认为您需要设置单元格和行的样式。也许你会从中得到一些想法。如果有帮助，请告诉我。
我正在使用 react-admin list component 并想为特定行添加自定义布局。
通常，每一行都是由列表组件使用来自数据提供者的数据构建的。我想根据行的数据自定义特定的行。这些特定的行不应使用标准布局（和列），而应使用专门定义的布局。
这是一个例子，我正在寻找的是：
特殊行要根据数据对象来选择。 形成标准行的标准数据对象可能如下所示：
{
id: 127,
Reference: "OEPEE4",
author_id: 12,
...
}
特殊条目可能如下所示：
{
id: 128,
isSpecial: true,
text: "Lorem Ipsum ...",
...
}
有人知道如何实现吗？ 谢谢！
我认为关键在于创建自定义 DataGrid 组件的主体和行，因为这样您就可以检查 record.isSpecial 的值，因为 record 是传递给组件。看看this part of the docs.
我尝试了一些自定义 DataGridRow（这里是 sandbox），当记录有 isSpecial 属性，尽管我认为您需要设置单元格和行的样式。也许你会从中得到一些想法。如果有帮助，请告诉我。