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

第一种方式:
1.js 定义函数
  <script type="text/javascript">   
        //格式化单元格提示信息  
        function formatCellTooltip(value){
        
            return "" + value + "";  
        }  
  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 IDth>
      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

你可能感兴趣的:(今日说码,easyui)