javascript - react 字体大小的 Material 表太小了

Question

我是一个使用 React 的新手，我的项目使用了 material-table

然而字体大小对我来说太小了，图片附在下面 我想增加表格的字体大小。

这是代码

state = {
      columns: [
        { title: "ID", field: "id", type: "numeric" },
        { title: "Title", field: "title" },
        { title: "Active", field: "active", type: "boolean" },
        { title: "# Questions", field: "number_of_questions" }
      ],
      data: [
        { id: 1, title: "First Survey", active: true, number_of_questions: 9 },
        { id: 2, title: "Second Survey", active: false, number_of_questions: 8 }
      ]
    };
render() {
    return (
      <div className="example-box-wrapper">
        <div className="adjust example-box-wrapper">
          <div id="dynamic-table-example-1_wrapper">
            <MaterialTable
              title="All Surveys"
              columns={this.state.columns}
              data={this.state.data}
              editable={{
                onRowAdd: newData => this.addNew(newData),
                onRowUpdate: (newData, oldData) =>
                  this.update(newData, oldData),
                onRowDelete: oldData => this.delete(oldData)
              }}
            />
          </div>
        </div>
      </div>
    );
  }

请帮忙

Answer 1

<MaterialTable
  ...
  options={{
    rowStyle: {
      fontSize: 24,
    }
  }}
/>

尝试添加 options 属性。请引用docs额外的样式选项。