zk column表头合并单元格_zk 动态表格-优快云博客

本文链接：https://blog.youkuaiyun.com/qw0907/article/details/53420819

本文展示了如何使用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>

效果如下图：