Javascript 如何设置材质UI表格标题的样式？

如何设置材质的UI表格标题的样式

可能类似于使用useStyle添加类

甜点（100克）
卡路里
脂肪（g）
碳水化合物（克）
蛋白质（g）

您可以将css创建为一个对象，并为其指定类名

导出函数内容（）{ const classes=useStyles（）

---

我不建议您使用css样式，因为材质ui样式可能与css不匹配

您可以将

与样式一起使用

并创建具有您自己样式的自定义元素。您可以检查工作场景

const TableHead=withStyles（主题=>({
根目录：{
背景颜色：“橙色”
}
}))（MuiTableHead）；
const TableHeaderCell=带有样式（主题=>({
根目录：{
颜色：“白色”
}
}))（表格单元格）；

甜点（100克）
卡路里
脂肪（g）
碳水化合物（克）
蛋白质（g）

谢谢你的回答。已经用过了，但它不起作用！有没有办法为表头应用特定样式？

return (
    <div className={classes.root}>

        <TableHead className={classes.tableHead}>
            <TableRow >
                <TableCell hover>Dessert (100g serving)</TableCell>
                <TableCell align="right">Calories</TableCell>
                <TableCell align="right">Fat&nbsp;(g)</TableCell>
                <TableCell align="right">Carbs&nbsp;(g)</TableCell>
                <TableCell align="right">Protein&nbsp;(g)</TableCell>
            </TableRow>
        </TableHead>
)}

import { makeStyles } from '@material-ui/core/styles'

export const useStyles = makeStyles(() => ({
    table: {
        backgroundColor: 'red'
    }
}))