zk column表头合并单元格

本文展示了如何使用ZK框架实现表格的列头合并功能,并添加了代码示例,使得第一列在滚动时保持不动,提供了一种优化用户界面的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<grid   emptyMessage="No data!" vflex="true" mold="paging" pageSize="20">
			<auxhead>	
				<auxheader label="序號" rowspan="2" align="center"/>
				<auxheader label="商品編碼" rowspan="2" align="center"/>
				<auxheader label="商品名称" rowspan="2" align="center"/>
				<auxheader label="单位" rowspan="2" align="center"/>
				<auxheader label="單重" rowspan="2" align="center"/>
				<auxheader label="單價" rowspan="2" align="center"/>
                <auxheader label="合同數" rowspan="2" align="center"/>
				<auxheader label="入口" align="center" colspan="3"/>
				<auxheader label="出口 " align="center" colspan="5"/>
				<auxheader label="剩餘數量" align="center" rowspan="2"	/>
				<auxheader label="可入口數" align="center" rowspan="2"/>
			</auxhead>
			<auxhead>	
				<auxheader  label="香港入口" align="center"/>
				<auxheader  label="轉廠入口" align="center"/>
				<auxheader  label="轉餘料入" align="center"/>
				<auxheader  label="中國出口" align="center"/>
				<auxheader  label="轉廠出口" align="center"/>
				<auxheader  label="轉餘料出口" align="center"/>
				<auxheader  label="複出" align="center"/>
				<auxheader  label="退換" align="center"/>
			</auxhead>			
			<columns visible="false" sizable="true">
				<column width="80px;"/>
				<column width="150px;"/>
				<column width="260px;"/>
				<column width="60px;"/>
				<column width="80px;"/>
				<column width="80px;"/>
				<column width="120px;"/>
				<column width="130px;"/>
				<column width="130px;"/>
				<column width="120px;"/>
				<column width="120px;"/>
				<column width="120px;"/>
				<column width="120px;"/>
				<column width="120px;"/>
				<column width="120px;"/>
				<column width="120px;"/>
				<column width="120px;"/>
			</columns>	
			
		<rows>
			
		</rows>
	</grid>


效果如下图:

加上   <frozen columns="1" rows="2" />  拖动下面的滚动条,第一列保持不动,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值