清晰度-能够自定义选择数据网格组件的能力

Question

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

我想在标题的选择框旁边有一个下拉列表，用于不同类型的“全选”选项，如下图所示。

Customizable selection on header

谢谢。

Answer 1

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

如果您真的想另外禁用现有的全选按钮，则需要使用CSS来隐藏它。像这样的东西就足够了。

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