ZK Component Reference/Layouts/Tablelayout

Tablelayout

• Demonstration: Tablelayout
• Java API: Tablelayout
• JavaScript API: Tablelayout
• Style Guide: TableLayout
• Available in ZK EE only

Employment/Purpose

Tablelayout lay outs a container as an HTML table whose columns can be specified, and rowspan and colspan of its child can also be specified to create complex layouts within the table.

Example

<tablelayout columns="2">
	<tablechildren>
		<panel title="Table 1" border="normal" maximizable="true"
			collapsible="true" width="200px" height="200px">
			<panelchildren>Panel Content</panelchildren>
		</panel>
	</tablechildren>
	<tablechildren>
		<panel title="Table 2" border="normal" maximizable="true"
			collapsible="true" width="200px" height="200px">
			<panelchildren>Panel Content</panelchildren>
		</panel>
	</tablechildren>
	<tablechildren>
		<panel title="Table 3" border="normal" maximizable="true"
			collapsible="true" width="200px" height="200px">
			<panelchildren>Panel Content</panelchildren>
		</panel>
	</tablechildren>
	<tablechildren>
		<panel title="Table 4" border="normal" maximizable="true"
			collapsible="true" width="200px" height="200px">
			<panelchildren>Panel Content</panelchildren>
		</panel>
	</tablechildren>
</tablelayout>

Supported Events

Name	Event Type
None	None

• Inherited Supported Events: XulElement

Supported Children

* Tablechildren

Use Cases

Version	Description	Example Location

Version History

Version	Date	Content