Material table 反应字体太小了
Material table for react font size is way too small
我是一个使用react的新手,在我的项目中使用了material-table
但是字体太小了,我不喜欢,图片附在下面
我想增加 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>
);
}
请帮忙
<MaterialTable
...
options={{
rowStyle: {
fontSize: 24,
}
}}
/>
尝试添加 options
道具。请参阅 docs 了解更多样式选项。
我是一个使用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>
);
}
请帮忙
<MaterialTable
...
options={{
rowStyle: {
fontSize: 24,
}
}}
/>
尝试添加 options
道具。请参阅 docs 了解更多样式选项。