Question

我想增加材料表页脚的分页部分的字体大小。

在下面的图片中，我可以使用以下代码更改每页行的字体大小

[1]: https://i.stack.imgur.com/cjNmp.png

components={{
    Pagination: props => (
      <TablePagination
        {...props}

        SelectProps={{
          style:{
            fontSize: 20
          }
        }}
      />
    )
  }}

但仍然无法更改整个带下划线的部分的大小

Answer 1

我使用两种不同的方法为两个标题区域设置了样式：一种通过工具栏样式，而另一种直接通过工具栏样式：

public filters = <any>{ "to": '', "from": '', }; public getByDate(event) { this.filters['from'] = event[0]; this.filters['to'] = event[1]; console.log(this.filters['from'],'===',this.filters['to']) }组件中有两个部分，默认情况下为results per page

这里是codesandbox demo

我如何使用React JS在材质表中更改分页部分的字体大小？

1 个答案: