前端项目实战壹佰零贰react-admin+material ui-踩坑-List的用法之pagination

前端歌谣

于 2023-07-29 19:46:12 发布

阅读量80

点赞数

文章标签：前端 react.js ui

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

版权

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

500 篇文章 1 订阅

订阅专栏

文章展示了如何在react-admin框架中自定义分页控件PostPagination，用以替换默认的Pagination组件，提供[10,25,50,100]的不同行显示选项，以便于优化前端数据列表的交互体验。

摘要由CSDN通过智能技术生成

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

// in src/MyPagination.js
import { Pagination, List } from 'react-admin';

const PostPagination = props => <Pagination rowsPerPageOptions=
{[10, 25, 50, 100]} {...props} />;

export const PostList = () => (
    <List pagination={<PostPagination />}>
        ...
    </List>
);