Измените значок Toggle Columns на текст - PullRequest
Новая
       29

Измените значок Toggle Columns на текст

0 голосов
/ 06 июня 2019

Я использую Angular 7 и VMWare Clarity Datagrid .Есть ли способ изменить кнопку «Показать / скрыть столбцы» в нижнем колонтитуле «Датагрид», чтобы вместо «Показать столбец» было указано «Показать / скрыть столбцы»?

Show/Hide Columns Button

Я заметил, что могу изменить текст заголовка и кнопки в диалоговом окне, как только я нажму на значок, используя следующий код, но я не уверен, как изменить значок столбца на текст. 

<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>

Ответы [ 2 ]

0 голосов
/ 06 июня 2019

Я решил эту проблему, добавив кнопку, внешнюю по отношению к таблице данных, и вызвав нажатие кнопки в нижнем колонтитуле:

В HTML: 

<button (click)="showHideColumns();">Show/Hide Columns</button>

В TypeScript TypeScript: 

showHideColumns()
{
  var el = <HTMLElement>document.querySelector(".column-switch-wrapper").firstElementChild;
  el.click();
}
0 голосов
/ 06 июня 2019

В настоящее время это невозможно, значок находится внутри сетки данных.Теоретически вы можете перегрузить директиву и самостоятельно переписать содержимое с помощью пользовательской директивы, которую я не успеваю попробовать.

...