[英]React material-table: How can I override the style of title in material-table?
我正在使用材料表“https://material-table.com/”
这是我呈现数据表的组件。 在这里,我使用标题内的自定义按钮来添加新数据。 它在标题内,因此按钮位于左上角。 我没有使用材料表给出的默认添加选项,因为我想显示一个单独的表单页面来添加数据,而不是材料表给出的内联添加。 它完美地工作。
问题是标题的默认样式有overflow:hidden
,可以通过检查它来看到。
<div class='MTableToolbar-title-35'>.... </div>
我希望这个overflow:hidden
是overflow:auto
。 如何覆盖此标题的样式?
export const EmployeeView = ({columns,data}) => {
return (
<div>
<MaterialTable
columns={columns}
data={data}
title={
<div>
<IconButton size='small' color='primary' onClick={() => console.log("Add employee")}>
<AddCircleIcon />
</IconButton>
</div>
}
onRowClick={(event,rowData) => console.log(rowData)}
/>
</div>
)
}
请在 css 文件中使用它
.MuiTypography-h6{
font-size: 1rem;
color: red;
overflow:auto
}
我提到了用于测试的颜色和字体大小。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.