reactjs Mui数据表分页对齐已损坏

ijxebb2r  于 2023-02-18  发布在  React
关注(0)|答案(1)|浏览(145)

我使用的是多数据表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 prop 。我第一次面对这个问题,不明白为什么会发生。
如果任何人面对过这个问题并知道解决方案,将感谢任何建议。

ars1skjm

ars1skjm1#

我已经在表中使用了您的options: {...},但没有发现任何问题。请查看此CodeSandbox示例,其中使用了与mui-datatables^4.2.2相同的依赖项,并带有react和react-dom17.0.2以及**@mui/material**5.10.15。您可以看到,它与预期的一样好。请查看此示例。如果您提供有助于深入调试的代码段,那就太好了。
此外,您还可以查看下面的链接,直观地看到问题和解决方案:TestWise Replay | Stack Overflow QA - MUI data-table pagination alignment

相关问题