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

第一种方式：
1.js 定义函数
<script type="text/javascript">
//格式化单元格提示信息
function formatCellTooltip(value){
return "<span title='" + value + "'>" + value + "</span>";
}
</script>

2、调用函数

 <table class="easyui-datagrid" style="width:400px;height:250px"
    data-options="url:'datagrid_data.json',fitColumns:true,singleSelect:true">
    <thead>
    　　<tr>
　　　　　　<th data-options="field:'itemid',width:80,halign:'center',formatter:formatCellTooltip">Item ID</th>
    　　</tr>
    </thead>
 </table>

源码：jquery-easyui-1.3.6.zip    例子是：jquery-easyui-1.3.6\demo\datagrid\formatter.html

 第二种方式：1.html<table id="dg"></table>2.js$('#dg').datagrid({fitColumns: true,nowrap: true,striped: true,rownumbers: true,pagination: true,singleSelect: true,columns: [[{ field: "itemid", title: 'Item ID', width:80,halign:'center', formatter: function (value) {return "<span title='" + value + "'>" + value + "</span>";}}]]});源码：jquery-easyui-1.3.6.zip 例子是：jquery-easyui-1.3.6\demo\datagrid\formatter2.html

http://www.cnblogs.com/xuguanghui/p/4976636.html