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'
        }
    });

如何增加Table组件的字体大小

1 个答案: