jqgridにツールチップを追加する方法

Question

jqgridを使用してサーバーに存在するデータを表示しています。マウスのホバーツールチップのデータの説明を表示するにはどうすればいいですか？

これはjqgridにツールチップを表示する最も良い方法ですか？

Answer 1

マウスのホバー上のjqGridに表示されるツールチップは、対応するHTML要素の「タイトル」属性としてのものではありません。あなたはsetCellでツールチップを変更したい場合：

'Name'は、ツールチップを設定し、 rowidが行を識別することになるカラム名です

$("#list").setCell(rowid,'Name','','',{'title':'my custom tooltip on cell'}); 

。詳細はthis answerを参照してください。

Answer 2

var setTooltipsOnColumnHeader = function (grid, iColumn, text){ 
     var thd = jQuery("thead:first", grid[0].grid.hDiv)[0]; 
     jQuery("tr.ui-jqgrid-labels th:eq(" + iColumn + ")", thd).attr("title", text); 
    }; 


and just set tooltip on header column 

setTooltipsOnColumnHeader ($("#empgrid"), 4, "Invoice No"); 
setTooltipsOnColumnHeader ("GRID NAME", "COLUMN" , "TOOLTIP TEXT");