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

原文地址:https://www.cnblogs.com/mr-wuxiansheng/p/6391161.html