时间戳

首页 > 解决方案 > 将切换列图标更改为文本

angular - 将切换列图标更改为文本

问题描述

我正在使用 Angular 7 和 VMWare 的Clarity Datagrid。有没有办法将 Datagrids 页脚中的“显示/隐藏列”按钮更改为“显示/隐藏列”而不是显示“列”图标？

显示/隐藏列按钮

我注意到我可以在对话框中更改标题和按钮文本，一旦我使用以下代码单击图标，但是，我不确定如何将列图标更改为文本。

<clr-dg-column-toggle>
  <clr-dg-column-toggle-title>Show Columns</clr-dg-column-toggle-title>
  <clr-dg-column-toggle-button>Select All</clr-dg-column-toggle-button>
</clr-dg-column-toggle>

标签： angularvmware-clarity

解决方案

目前这是不可能的，该图标在数据网格内部。从理论上讲，您可以重载指令并使用自定义指令自己重写内容，我没有时间尝试实现。

推荐阅读