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                }, {