Clarity - 能够自定义数据网格组件的选择

Question

我打算使用 Clarity 进行开发。对于 Datagrid 组件，UI 库是否使我们能够自定义 header 上的选择框？

我想在 header 上的选择框旁边有一个下拉菜单，用于不同类型的 "Select All" 选项，如下图所示。

Customizable selection on header

谢谢。

Answer 1

您不能修改现有的 select 全部按钮，但您可以使用批处理操作栏开发一个位于数据网格上方的按钮。有关详细信息，请参阅 https://v2.clarity.design/datagrid/batch-action，您可以像文档中的导出示例一样使用下拉菜单。

如果你真的想禁用现有的 select 全部按钮，你需要使用 CSS 来隐藏它。这样的东西应该足够了。

::ng-deep .datagrid-column clr-checkbox-wrapper.clr-checkbox-wrapper {
    display: none;
}