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

来源:互联网 发布:ubuntu daemon 编辑:程序博客网 时间:2024/05/18 13:27
第一种方式: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