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