数据表格 - 样式配方
高级表格样式配方。
移除单元格焦点轮廓
数据表格单元格是可操作元素,默认情况下会视觉上指示 focus
状态。您可以通过覆盖单元格和表头单元格的 :focus
和 :focus-within
样式来移除焦点轮廓。
移除不可调整大小的列的拖动手柄
在 MUI 数据表格中,每一列都有一个调整大小的手柄,允许用户调整列的宽度。然而,在某些情况下,您可能希望为特定列禁用此功能。
要隐藏不可调整大小的列上的拖动手柄,您可以使用 GridColDef 对象中的 resizable 属性。当列不可调整大小时,拖动手柄将不会具有 columnSeparator--resizable
类。我们可以使用它来隐藏分隔符。