Событие наведения мыши в столбце ngx-datatable - PullRequest
Новая
       25

Событие наведения мыши в столбце ngx-datatable

2 голосов
/ 18 октября 2019

Мне нужно изменить один из столбцов таблицы данных ngx при наведении курсора мыши, т. Е. В основном, чтобы показывать кнопки, когда пользователь наводит курсор на строку, и показывать метку, когда строка не наведена. Я использую: https://swimlane.github.io/ngx-datatable/ таблица данных.

Ниже приведен код:

HTML: 

    <ngx-datatable-column prop="created">
  <ng-template ngx-datatable-header-template>
    Created 

  </ng-template>
  <div (mouseover)="getMouseOver()" (mouseleave)="getMouseLeave()">
    <ng-template ngx-datatable-cell-template let-row="row" let-column="column" let-value="value" ngIf="isHoverButtonVisible">
      {{value|timeSince}}
    </ng-template>

    <ng-template ngx-datatable-cell-template let-row="row" let-column="column" let-value="value" ngIf="!isHoverButtonVisible">
     Hello
    </ng-template>
  </div>

</ngx-datatable-column>

Ts:

при наведении мышии отпуск мышью не получают контроль. 

  getMouseOver() {
   this.isHoverButtonVisible = true;
  }

  getMouseLeave() {
    this.isHoverButtonVisible = false;
  }
...