当使用文本而不是图标时，自定义材质UI表的图标属性的字体

Question

我在react应用程序中使用Material UI表，我希望在操作按钮上有一个自定义事件(而不是添加、更新或删除(。与其创建我自己的图标，我只想有一些文本，所以我做了。。。

<MaterialTable
data={someData}
actions= {[
{
icon: () => "My Custom Action",
iconProps: { style: { fontSize: "10px", color: "blue" } },
tooltip: "Search Transactions",
onClick: (event, rowData) => (
alert("You did a custom on action " + rowData)
)
}

现在，图标中的文本巨大而丑陋，如所附屏幕截图所示[！[在此处输入图像描述][1]][1]

有什么方法可以应用一些样式使其更小并适合表格吗？

我试过iconProps，但它没有任何作用。[1] ：https://i.stack.imgur.com/ysht7.png

Answer 1

您可以添加选项，然后在其中创建样式。

options={{
rowStyle: { fontSize: "10px", color: "blue" }
}}

https://material-table.com/#/docs/features/styling