Как условно изменить цвет фона строк данных?

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>
);

Это задокументировано в Документация по React-admin Datagrid .