跳到主要内容
+

数据表格 - 样式配方

高级表格样式配方。

移除单元格焦点轮廓

数据表格单元格是可操作元素,默认情况下会视觉上指示 focus 状态。您可以通过覆盖单元格和表头单元格的 :focus:focus-within 样式来移除焦点轮廓。

移除不可调整大小的列的拖动手柄

在 MUI 数据表格中,每一列都有一个调整大小的手柄,允许用户调整列的宽度。然而,在某些情况下,您可能希望为特定列禁用此功能。

要隐藏不可调整大小的列上的拖动手柄,您可以使用 GridColDef 对象中的 resizable 属性。当列不可调整大小时,拖动手柄将不会具有 columnSeparator--resizable 类。我们可以使用它来隐藏分隔符。

样式化单元格而不影响聚合单元格

聚合单元格没有特殊的类,因此在不影响它们的情况下样式化单元格需要在 getClassName 函数中进行一些小的变通。