z30-grid-0021.zul

来自「ZK是一个Ajax Java Web框架」· ZUL 代码 · 共 42 行

<!--
Z30-grid-0021.zul

{{IS_NOTE
	Purpose:
		test grid span.
	Description:
		
	History:
		Create by Dennis
}}IS_NOTE

Copyright (C) 2006 Potix Corporation. All Rights Reserved.

{{IS_RIGHT
}}IS_RIGHT
-->
<window>
Grid with width 350px, you can see the layout of grid shows properly.
<grid width="350px">
	<columns sizable="true">
		<column width="30%" label="Left : width 30%" align="left"/><column label="Center" align="center"/>
		<column width="100px" label="Right : width 100px" align="right"/><column label="Column 4"/>
		<column label="Column 5"/><column label="Column 6"/>
	</columns>
	<rows>
		<row spans="2,3">
			<label value="(2,3)"/>
			<label value="Item B.5"/><label value="Item B.6"/>
		</row>
		<row spans="3">
			<label value="(3)"/><label value="Item C.4"/>
			<label value="Item C.5"/><label value="Item C.6"/>
		</row>
		<row spans=",,1,2">
			<label value="(,,1,2)"/><label value="Item D.2"/>
			<label value="Item D.3"/><label value="Item D.4"/>
			<label value="Item D.5"/>
		</row>
	</rows>
</grid>
</window>