Css 物料界面:是否将分页移动到表格顶部?

Css 物料界面:是否将分页移动到表格顶部?,css,reactjs,material-ui,Css,Reactjs,Material Ui,有人知道如何将标准XGrid分页移到表上方吗?或者我必须创建自己的自定义分页,而不是使用内置的XGrid?没有公共API将分页组件放在顶部,但您可以使用以下CSS技巧: const useStyles=makeStyles({ 网格:{ 显示:“flex”, flexDirection:“列反转” } }); 导出默认函数App(){ 常量{data}=usedemdata({ 数据集:“商品”, 行长:100, 最大列数:4 }); const classes=useStyles(); 返回(

有人知道如何将标准
XGrid
分页移到表上方吗?或者我必须创建自己的自定义分页,而不是使用内置的
XGrid

没有公共API将分页组件放在顶部,但您可以使用以下CSS技巧:

const useStyles=makeStyles({
网格:{
显示:“flex”,
flexDirection:“列反转”
}
});
导出默认函数App(){
常量{data}=usedemdata({
数据集:“商品”,
行长:100,
最大列数:4
});
const classes=useStyles();
返回(
);
}
现场演示

这几乎是完美的,但我也在使用组件道具添加过滤等,现在它出现在底部@这就是为什么它被称为技巧,而不是所有情况下的正确解决方案,它只是颠倒了列表顺序,所以通常位于顶部的过滤器现在位于底部。我还有一个诀窍:你可以设置过滤器使用绝对位置,然后把它放在上面。