javascript - 如何设置 Material UI 表头的样式?
问题描述
如何设置 Materials 的 UI 表头样式?
也许像使用 useStyle 添加类。
<TableHead >
<TableRow >
<TableCell hover>Dessert (100g serving)</TableCell>
<TableCell align="right">Calories</TableCell>
<TableCell align="right">Fat (g)</TableCell>
<TableCell align="right">Carbs (g)</TableCell>
<TableCell align="right">Protein (g)</TableCell>
</TableRow>
</TableHead>
我想为表头添加样式
解决方案
您可以withStyles
像这样使用和创建具有自己风格的自定义元素。你可以检查工作场景
const TableHead = withStyles(theme => ({
root: {
backgroundColor: 'orange'
}
}))(MuiTableHead);
const TableHeaderCell = withStyles(theme => ({
root: {
color: 'white'
}
}))(TableCell);
<TableHead>
<TableRow>
<TableHeaderCell>Dessert (100g serving)</TableHeaderCell>
<TableHeaderCell align="right">Calories</TableHeaderCell>
<TableHeaderCell align="right">Fat (g)</TableHeaderCell>
<TableHeaderCell align="right">Carbs (g)</TableHeaderCell>
<TableHeaderCell align="right">Protein (g)</TableHeaderCell>
</TableRow>
</TableHead>
推荐阅读
- javascript - 物化 css 触发器在 Vue js 中不起作用
- go - grpc:使用 oneof 导致无效的内存地址或 nil 指针取消引用
- python - 将稀疏矩阵拟合到 kNN 模型时出现 MemoryError
- r - 如何像使用 . 一样从 rlang 的 .data 中获取数据属性?
- javascript - 向 HTML 表格添加进度条?
- android - Firebase 身份验证不会创建帐户
- vb.net - 与项目的目标处理器架构相匹配的处理器架构不匹配
- amazon-web-services - 在哪里为 Jenkins 管道设置默认 AWS 区域?
- python - 如何以编程方式重新排列文本文件值
- google-cloud-platform - 防火墙后的 Google Stackdriver 监控代理