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>

第二种方式：
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>";
            }
            }]]
       });

我要分享文章