css - 向材料表中的列添加特定的最小宽度

Question

我正在向 TableRow 添加一个最小宽度属性，但它没有反映在应用程序中。

<Table className={classes.table}>
                <TableHead>
                    <TableRow style={{minWidth: 200}}>
                        {
                            tableData.header.map(header => {
                                return <TableCell align="center" key={header.id}>
                                    {
                                        header.title
                                    }
                                </TableCell>
                            })
                        }
                    </TableRow>
                </TableHead>
</Table>

这是 className.table 的样式：

const styles = makeStyles(theme => ({
table: {
    minWidth: 1500
},
}))

早些时候，我也尝试在同一代码中向 TableCell 添加内联样式，但它不起作用。className.table 的 minWidth 有效，但它适用于整个表格。我想增加宽度较小的剩余部分的宽度，而其他一些列得到扩展。

总共有 10 列，我希望所有列的最小宽度相等。

标签： cssreactjsmaterial-ui