怎样设置easyui中datagrid行高

Posted 刘奇云

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样设置easyui中datagrid行高相关的知识,希望对你有一定的参考价值。

$(‘#face_table2‘).datagrid({
            title: ‘信息‘,
            iconCls: ‘icon-save‘,
   url: ‘callroll!page.action‘
   nowrap: true,                      //设置为true,当数据长度超出列宽时将会自动截取。
   striped: true,        //显示条纹
   pageList: [5,15,30], 
   fitColumns: false,
   pageSize: 15,
   loadMsg: ‘正在加载数据.......‘,  //当从远程站点载入数据时,显示的一条快捷信息
   pagination: true,                  //设置true将在数据表格底部显示分页工具栏
   idField: ‘flowId‘,                    //表明该列是一个唯一列。
   rownumbers: true,               //设置为true将显示行数 ,
   singleSelect: true,                //设置为true将只允许选择一行
   columns:[[
           {field:‘userNo‘,title:‘编号‘,width:120,align:‘center‘},
           {field:‘userName‘,title:‘姓名‘,width:120,align:‘center‘}

         ]],
    onLoadSuccess: function(data){   
          var panel = $(this).datagrid(‘getPanel‘);   
          var tr = panel.find(‘div.datagrid-body tr‘);   
          tr.each(function(){   
              var td = $(this).children(‘td[field="userNo"]‘);   
              td.children("div").css({   
                  //"text-align": "right" 
                  "height": "28px" 
              });   
          });   
      }
   })

以上是关于怎样设置easyui中datagrid行高的主要内容,如果未能解决你的问题,请参考以下文章

easyUi dataGrid 行高设置,解决错行问题

怎样设置datagrid的行高

怎样设置datagrid的行高

easyui datagird 解决行高不一致问题!

easyui问题,怎样获取datagrid中编辑列combobox的value值与text值

Easyui 自定义样式设置表格高度后 TreeGrid多出空白行