<zk xmlns:n="native">
	<borderlayout height="100px">
		<center>
			<div>
				<hbox></hbox>
			</div>
		</center>
	</borderlayout>

	<toolbarbutton id="btn" mode="toggle" label="click"
		checked="true">
		<attribute name="onCheck"><![CDATA[
			boolean check = event.isChecked();
			cell1.setVisible(check);
			cell2.setVisible(check);
			if (check)
				Clients.evalJavaScript("jq('#td1').show();jq('#td2').show();");
			else
				Clients.evalJavaScript("jq('#td1').hide();jq('#td2').hide();");
		]]></attribute>
	</toolbarbutton>

	<button label="show">
		<attribute name="onClick"><![CDATA[
			cell1.setVisible(true);
			cell2.setVisible(true);
		]]></attribute>
	</button>
	<button label="hide">
		<attribute name="onClick"><![CDATA[
			cell1.setVisible(false);
			cell2.setVisible(false);
		]]></attribute>
	</button>

	<grid width="300px" id="grid">
		<columns>
			<column label="col" />
			<column label="col" />
			<column label="col" />
		</columns>
		<rows>
			<row>
				<cell>AA</cell>
				<cell id="cell1">BB</cell>
				<cell id="cell2">CC</cell>
			</row>
		</rows>
	</grid>
	<div width="300px">
		<n:table width="100%" style="table-layout: fixed;" border="0"
			cellspacing="0" cellpadding="0">
			<n:tr class="z-row">
				<n:td class="z-cell">
					<n:span>A</n:span>
				</n:td>
				<n:td class="z-cell" id="td1">
					<n:span>B</n:span>
				</n:td>
				<n:td class="z-cell" id="td2">
					<n:span>C</n:span>
				</n:td>
			</n:tr>
		</n:table>
	</div>
	

</zk>