自定义材料设计数据表复选框

Question

我刚开始使用ReactJS的material-ui设计。我正在努力改变user组件下显示的复选框样式。 （Table component）

我已经尝试使用<TableRow />来设置样式复选框。看起来material-ui使用css和div拥有自己的复选框逻辑，并隐藏原生svg元素设置不透明度为0。

知道如何实现吗？

Answer 1

材质用户界面确实如此。本机复选框元素不接受许多样式属性，因此为了更好的外观，它使用其他元素。您需要做的是自定义“材质UI”复选框，以便为这些元素应用样式。

Answer 2

没有优雅的方法来自定义可选表中的复选框。但是，您可以自定义复选框组件，如带有心形图标等的文档中所示。因此，作为一种变通方法，您可以将Table设置为selectable {{false}，并添加包含自定义Checkbox组件的自定义列。如果需要，您必须维护自己选择的状态和全选功能。