如何將工具提示添加到jqgrid

Question

我正在使用jqgrid顯示服務器中的數據如何顯示鼠標懸停工具提示上的數據說明。

這是在jqgrid上顯示工具提示的最佳方式？

Answer 1

jqGrid在鼠標懸停中顯示的工具提示只不過是相應HTML元素的「標題」屬性。如果你想改變提示與setCell：

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

其中'Name'是在提示將被設置和rowid確定該行的列名。欲瞭解更多信息，請閱讀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");