追万软件公司-专业从事企业软件定制系统软件开发用户管理系统进销存系统等软件开发

设置easyui中datagrid行高

easyui自带的有一个样式文件: /easyui/themes/default/easyui.css,修改里面的样式即可,或者我们通过datagrid中的onLoadSuccess来控制也一样

$('#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 有关的内容有:
  • 上一篇:软件定制完成后,以后维护升级费多少钱
  • 最新文章

    热门文章