物料UI-数据网格自定义分页

Question

我正尝试从这里使用自定义分页https://material-ui.com/components/data-grid/style/#custom-主题

然而，分页本身似乎就坏了？有人能告诉我为什么分页不起作用，需要做什么，这样我才能实现它吗？

当我点击第2页，点击第1页时，它不起作用。

Answer 1

我不得不将分页更新为

<Pagination
color="primary"
showFirstButton
showLastButton
page={state.pagination.page + 1}
count={state.pagination.pageCount}
// @ts-expect-error
renderItem={props2 => <PaginationItem {...props2} disableRipple />}
onChange={(event, value) => apiRef.current.setPage(value-1)}
/>
)