IgxGrid – デフォルトのツールチップを非表示にする

igxGrid ではバージョン10.1.0より、デフォルトのテンプレートを使用するセル(集計セルを含む)に自動的にツールチップが表示されるようになりました。

このデフォルトのツールチップを非表示にするプロパティが現在は未実装なため、非表示にする際は以下をご利用ください。

ヘッダーやセルのタグに設定された title 属性を削除することでツールチップを非表示にすることができます。

public ngAfterViewInit() {
  const headers = document.querySelectorAll('.igx-grid-th__title');
  const cells = document.querySelectorAll('igx-grid-cell');
  headers.forEach((h) => {

    // ヘッダーのtitle属性を削除
    h.children[0].removeAttribute('title');
  });
  cells.forEach((c) => {

    // セルのtitle属性を削除
    c.removeAttribute('title');
  });
}

処理のタイミングやスクロールが発生する場合に ngAfterViewInit() ではセルが更新されないことがあります。その場合は ngAfterViewChecked() で同じ処理をお試しください。