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