Question

我想在悬停flexigrid表列标题时添加工具提示。具有不同工具提示内容的不同列。

Flexigrid网址：http://flexigrid.info/ GitHub网址：https://github.com/paulopmx/Flexigrid

我在谷歌上没有得到任何相同的内容。

Answer 1

这不适合你吗？除非我误解了.. http://api.jqueryui.com/tooltip/

来自jQuery链接：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-  ui.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>

<body>
  <p>
    <a href="#" title="Anchor description">Anchor text</a>
    <input title="Input help">
  </p>
<script>
  $( document ).tooltip();
</script>

</body>

jsFiddle：http://jsfiddle.net/jplahn/JnrBZ/

Answer 2

flexigrid.js第916行添加

if( cm.title != undefined ) {$(th).attr('title', cm.title);}

在

下的colModel部分

$("#flex1").flexigrid({
colModel : [
{display: 'MyDC',title: 'My Data Column', name : 'mydatacolumn', width : 100, sortable : true, align: 'center'}
]
});

然后，您可以添加标题：属性。

Answer 3

if( cm.title != undefined ) 
  {
     $(th).attr('title', cm.title);
  }

正在为我工作，但只是在右上方列标题上，而不是在其他列中。

Flexigrid表：如何在列标题上添加工具提示

3 个答案: