如何在React Material Table上固定文本对齐，字体大小和操作列宽？

Question

我在React应用程序中有一个MaterialTable，我需要将文本居中对齐，固定列上文本的字体大小。还需要固定“操作”列的宽度，因为“操作”列和第一个数据列之间的空间似乎超出了期望。

我尝试过：

cellStyle: {text-align:'center', font-size='8'},
headerStyle: {text-align:'center', font-size='8'}

我需要使文本在列上居中对齐，设置文本的字体大小并在React Material Table上固定action列的宽度

Answer 1

尝试一下：

display: flex;
justify-content:center;
flex-direction: column;

Answer 2

使用JSX时，您需要更改css属性并删除-并为下一个单词添加大写字母，例如：

cellStyle: {text-align:'center', font-size='8'}
headerStyle: {text-align:'center', font-size='8'}

应该成为

cellStyle: {textAlign:'center', fontSize='8'}
headerStyle: {textAlign:'center', fontSize='8'}