reactjs - 如何修复反应材料表上的文本对齐、字体大小和操作列宽？

Question

我在 React 应用程序中有一个 MaterialTable，我需要将列上的文本居中对齐，修复列上文本的字体大小。还需要固定 Actions 列的宽度，因为 actions 列和第一个数据列之间的空间似乎非常理想。

我努力了：

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

我需要将列上的文本居中对齐，设置文本的字体大小并修复 React Material Table 上操作列的宽度

Answer 1

当您使用 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'}

Answer 2

尝试这个：

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