如何将工具提示添加到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");