Mui 数据表分页对齐被破坏答案

【问题标题】：Mui datatables pagination alignment is brokenMui 数据表分页对齐被破坏
【发布时间】：2023-02-17 19:45:13
【问题描述】：

我正在将 mui-datatables v ^4.2.2" 与 react 和 react-dom 17.0.2 以及@mui/material v5.10.15 一起使用。

当我显示数据表时，我的分页对齐被破坏了：

它正在应用一些边距底部：

最后这些是我的 mui 数据表的选项

export const options = {
  tableBodyHeight: `${window.innerHeight - 48 - 64}px`,
  customSearchRender: () => <></>,
  search: false,
  selectableRows: 'none' as const,
  setRowProps: () => {
    return {
      style: { cursor: 'pointer' },
    };
  },
};
我没有应用任何样式，无论是在主题提供者中，还是在 sx 道具中。我第一次遇到这个问题，不明白为什么会这样。

如果有人遇到过这个问题并知道解决方案，将不胜感激任何建议。

【问题讨论】：

标签： reactjs mui-datatable mui5

【解决方案1】：

这是一个工作示例：CodeSandbox 使用与以下相同的依赖项多数据表^4.2.2与反应和反应-dom17.0.2和@mui/材质5.10.15。请看这个例子。

此外，您还可以查看下面的链接以直观地查看解决方案：TestWise Replay | Stack Overflow QA - MUI data-table pagination alignment

【讨论】：