<zk>
<div apply="org.zkoss.bind.BindComposer">
		<grid span="true" sizedByContent="true" width="500px"
			height="200px" model="@init(([1, 2, 3, 4, 5].stream().toList()))">
			<columns>
				<column label="test" />
				<column label="test" visible="false" align="right" />
				<column label="test" align="right" />
			</columns>
			<template name="model">
				<row>
					<cell>
						<label value="@load(each)" />
					</cell>
					<cell>
						<label value="@load(each)" />
					</cell>
					<cell>
						<label value="@load(each)" />
					</cell>
				</row>
			</template>
			<foot>
				<footer label="test"></footer>
				<footer label="test"></footer>
				<footer label="test"></footer>
			</foot>
		</grid>
	</div>
</zk>

zk.afterLoad('zul.grid', function() {
		var xRow = {};
		zk.override(zul.grid.Row.prototype, xRow ,{
			_childAttrs: function(a, b) {
	            var c = b
	              , e = 1;
	            if (this._spans)
	                for (var d = 0, h = this._spans.length; d < h; ++d) {
	                    if (d == b) {
	                        e = this._spans[d];
	                        break
	                    }
	                    c += this._spans[d] - 1
	                }
	            if ((b = this.getGrid()) && (d = b.columns) && c < d.nChildren) {
	                var f = d.getChildAt(c);
	                var g = b._model && this._loaded ? "width: 0.1px;" : "";
	                var k = f.getHeight();
	                var l = f.getAlign();
	                f = f.getValign()
	            }
	            c = this.domStyle_({
	                visible: 1,
	                width: 1,
	                height: 1
	            });
	            (b = zk.isLoaded("zkex.grid") && a.$instanceof(zkex.grid.Detail)) && (d = a.getWidth()) && (c += "width:" + d + ";");
	            if (g || k || l || f)
	                c += g,
	                k && (c += "height:" + k + ";"),
	                l && (c += "text-align:" + l + ";"),
	                f && (c += "vertical-align:" + f + ";");
	            a = b ? a.$s("outer") : this.$s("inner");
	            g = "";
	            1 !== e && (g += ' colspan="' + e + '"');
	            this._nowrap && (g += ' nowrap="nowrap"');
	            c && (g += ' style="' + c + '"');
	            return g + ' class="' + a + '"'
	        }
		});//zk.override
	});//zk.afterLoad