前端项目实战壹佰贰拾react-admin+material ui-react-admin之SimpleList中rowStyle设置样式

前端歌谣

于 2023-07-31 19:35:42 发布

阅读量38

点赞数

文章标签：前端 react.js ui

本文链接：https://blog.csdn.net/qq_41632427/article/details/131766939

版权

前端项目实战案例专栏收录该内容

500 篇文章 1 订阅

订阅专栏

我是歌谣这里是歌谣的前端笔记小屋想加入前端巅峰人才交流群私信我

import { List, SimpleList,TextField } from 'react-admin';

export const RSimpleStandard = () => (
    <List resource="t_geyao_person">
        <SimpleList 
            primaryText={<TextField source="id" />}
            secondaryText={record => `${record.name} views`}
            tertiaryText={record => record.name}
            linkType={record => record.status ? "edit" : "show"}
            rowStyle={record => ({ backgroundColor: record.id >= 2 ? '#efe' : 'white' })}
        />
    </List>
);