如何在Reactjs中缩短Material UI表分页并使每个组件更紧凑

问题描述

My Table Pagination looks like this right now

我的ReactJs项目中有这样的问题。我需要缩短一个表分页组件的大小以适合较小的空间。现在我的表分页看起来像上面的图片，很丑陋，并且有一个滚动条。我认为摆脱滚动条的一种方法是缩短每个元素之间的空间。还是有其他解决方案？请帮帮我。

我的表分页和样式代码：

const styles = theme => ({
    tablePagination:{
      width: 200,}
});
 <TablePagination
          className={classes.tablePagination}
          component="div"
          rowsPerPageOptions={[5,10,25]}
          count={2}
          rowsPerPage={3}
          page={2}
          onChangePage={handleChangePage}
          onChangeRowsPerPage={handleChangeRowsPerPage}
          labelRowsPerPage="Size"
        />

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）