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鼠标悬停显示单元格内容的主要内容,如果未能解决你的问题,请参考以下文章

Easyui datagrid 设置内容超过单元格宽度时自动换行显示

easyui 单元格超出鼠标放上弹出全部

DIV内容超出长度显示省略号,鼠标移上自动显示全部内容(EasyUI DataGrid)

easyui datagrid 怎么默认列可编辑?

easyui 子表格再嵌套一层表格,该怎样实现?

在表格单元格内时出现 CSS z-index 问题