如何增加表格组件的字体大小

Question

我开始评估material-ui作为项目的替代方案，我想知道更改表格字体大小的推荐方法是什么。

目前我正在使用组件的沙箱（可在https://codesandbox.io/s/9onokxxn5w 获得），但我找不到要更改的内容以放大字体大小。

我尝试通过向元素demo.js添加fontSize键来更改主题table，如下所示，但没有用：

const styles = theme => ({
    root: {
        width: '100%',
        marginTop: theme.spacing.unit * 3,
        overflowX: 'auto',
    },
    table: {
        minWidth: 700,
        fontSize: '40pt'
    },
});

在此先感谢您对解决此问题的任何帮助。

Answer 1

似乎它不适用于 Table，但它适用于 TabelRow 或 TableCell。向 TableRow 元素添加一个类并在其上设置 fontSize 参数

...
<TableRow key={n.id} className={classes.tablecell}>
...

 const styles = theme => ({
        root: {
            width: '100%',
            marginTop: theme.spacing.unit * 3,
            overflowX: 'auto',
        },
        table: {
            minWidth: 700
        },
        tablecell: {,
            fontSize: '40pt'
        }
    });