如何有条件地更改datagrid行的背景颜色？

Question

取决于源（记录的）字段值（例如，状态列为“活动”），我想在Datagrid中使行背景为特定颜色。我怎么做？谢谢您提供的任何示例代码！

Answer 1

借助<tr>道具，您可以根据记录来自定义数据网格行样式（应用于rowStyle元素）。

例如，如果记录的一个值（如其视图数）超过某个阈值，则可以将自定义背景应用于整个行。

const postRowStyle = (record, index) => ({
    backgroundColor: record.nb_views >= 500 ? '#efe' : 'white',
});
export const PostList = (props) => (
    <List {...props}>
        <Datagrid rowStyle={postRowStyle}>
            ...
        </Datagrid>
    </List>
);

这在The React-admin Datagrid Documentation中有记录。