easyui表格datagrid列宽自适应

使用fitcolumns="true"参数就可以了。如下所示:

								<table id="alldg" class="easyui-datagrid" fitcolumns="true"
									style="width: 100%; height: 100%"
									data-options="
										iconCls: 'icon-edit',
										sortName:'staStatus',
										sortOrder:'asc',
										remoteSort: false,
										singleSelect: true,
										url: '/seismis/monitor/getAllMonitorList',
										method: 'get',
										onRowContextMenu: onRowContextMenu">
									<thead>
										<tr>
											<th data-options="field:'smart1',width:fixTh()">
												(强)${adaptData.monName1 }
											</th>
											<th data-options="field:'smart2',width:fixTh()">
												(强)-${adaptData.monName2 }
											</th>
											<th data-options="field:'smart3',width:fixTh()">
												(强)-${adaptData.monName3 }
											</th>
											<th data-options="field:'smart4',width:fixTh()">
												(强)-${adaptData.monName4 }
											</th>
											<th data-options="field:'smart5',width:fixTh()">
												(强)-${adaptData.monName5 }
											</th>
											<th data-options="field:'smart6',width:fixTh()">
												(强)-${adaptData.monName6 }
											</th>
											
										</tr>
									</thead>
								</table>



测试:调用隐藏列表6和5后,列宽自适应调整:

function hideColumn(){
		$('#alldg').datagrid('hideColumn', 'smart6');
		$('#alldg').datagrid('hideColumn', 'smart5');

	}


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值