前端项目实战壹佰贰拾陆react-admin+material ui-react-admin之FilterLiveSearch之使用

最新推荐文章于 2024-08-21 18:16:41 发布

前端歌谣

最新推荐文章于 2024-08-21 18:16:41 发布

阅读量32

点赞数

文章标签：前端 react.js ui

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

版权

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

500 篇文章 1 订阅

订阅专栏

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

import { SavedQueriesList, FilterLiveSearch, FilterList, FilterListItem, Datagrid,List } from 'react-admin';
import { Card, CardContent } from '@mui/material';
import MailIcon from '@mui/icons-material/MailOutline';
import CategoryIcon from '@mui/icons-material/LocalOffer';

export const RFilterLiveList = () => (
    <Card sx={{ order: -1, mr: 2, mt: 9, width: 200 }}>
        <CardContent>
        <List resource="t_geyao_person" exporter={false}>
         <Datagrid>
        <FilterLiveSearch source="id" />
            <SavedQueriesList />
            {/* <LastVisitedFilter />
            <HasOrderedFilter />
            <HasNewsletterFilter />
            <SegmentFilter /> */}
           </Datagrid>
             </List>

        </CardContent>
    </Card>
);