EasyUI的Datagrid鼠标悬停显示单元格内容

Posted zhaohadoopone

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了EasyUI的Datagrid鼠标悬停显示单元格内容相关的知识,希望对你有一定的参考价值。

功能描述:table鼠标悬停显示单元格内容

1.js函数

1 function hoveringShow(value) {
2       return "<span title=‘" + value + "‘>" + value + "</span>";
3 }

2.调用函数

1 <table id="mydatagrid" style="width:100%;height:96%">
2     <thead>
3     <tr>
4         <th data-options="field:‘code‘,width:150, formatter: hoveringShow">编码</th>
5         <th data-options="field:‘flowname‘,width:150, formatter: hoveringshow">名称</th>
6     </tr>
7     </thead>
8 </table>

3.图示

调用前:

            技术图片

调用后:

            技术图片

 

以上是关于EasyUI的Datagrid鼠标悬停显示单元格内容的主要内容,如果未能解决你的问题,请参考以下文章