igGrid – ツールチップのテキストを変更する

igGridはigGridTooltips機能を使用してセルにツールチップを表示することができます。

ui.igGridTooltips
https://jp.igniteui.com/help/api/2022.1/ui.iggridtooltips

デフォルトではセルのテキストがツールチップに表示されますが、igGridTooltipsのtooltipShowingイベントを使用してツールチップの内容をカスタマイズすることができます。

ui.igGridTooltips – tooltipShowingイベント
https://jp.igniteui.com/help/api/2022.1/ui.iggridtooltips#events:tooltipShowing

  $("#grid1").igGrid(
    {
.....
      features:[     
        {
          name: "Tooltips",
          visibility: "always",
           tooltipShowing : function(evt, args) {
             if(args.columnKey == "col1")
             {
              args.tooltip =  "カスタムテキスト　" + args.value;
             }
           }
        }
      ]
    }
    );