easyui datagrid 表格适应屏幕

1.项目后台系统使用easyui，datagrid 的数据设置为自动适应屏幕，那么对于笔记本的话，就会显得有的小，可以通过设置datagrid属性，进行固定长度的设置

$('#gridTable').datagrid(
            {
                idField : 'id', // 只要创建数据表格 就必须要加 ifField
                title : title,
                fit : true,
                url : top.baseUrl+ 'customer/bail/allBailPayDetailsQuery',
                method : 'POST',
                fitColumns : true,
                nowrap : false,
                striped : true, // 隔行变色特性S
                loadMsg : '数据正在加载,请耐心的等待...',
                rownumbers : true,

 

这样设置，每一列都会按照，比例进行显示。

 

2.另一种方式

$('#gridTable').datagrid(
            {
                idField : 'id', // 只要创建数据表格 就必须要加 ifField
                title : title,
                fit : true,
                url : top.baseUrl+ 'customer/bail/allBailPayDetailsQuery',
                method : 'POST',
                fitColumns : false,
                nowrap : false,
                striped : true, // 隔行变色特性S
                loadMsg : '数据正在加载,请耐心的等待...',
                rownumbers : true,
                //sortName : 'customerNo',
                //sortOrder : 'desc',

 

这个时候，就是按照设置的具体尺寸进行显示。

 

columns : [ [ {
                    field : 'bailClass',
                    title : '类别',
                    width : 120,
                    align : 'center',
                    formatter : returnFtt
                }, {
                    field : 'agencyName',
                    title : '市场名称',
                    width : 250,
                    align : 'center'
                }, {
                    field : 'payWay',
                    title : '支付渠道',
                    width : 120,
                    align : 'center',
                    formatter : payWayFtt
                }, {