0

Grid footer does not align properly, when we set overflow style to grid body.

asked 2009-10-27 02:03:55 +0800

baskaraninfo gravatar image baskaraninfo
526 2 2 9

When I set the overflow style to the grid body, then the footer is not aligning properly according to column's width.

Test code:

<?page title="grid exploring" contentType="text/html;charset=UTF-8"?>
<zk>
	<style>
		div.z-grid-body {overflow-x: hidden; overflow-y: scroll;
		background: #FFF; }
	</style>
	<window title="grid exploring" border="normal">
		<grid id="griddemo" fixedLayout="true" vflex="false"
			height="108px">
			<columns sizable="false">
				<column align="left" width="25%" label="col1" />
				<column align="center" width="8%" label="col2" />
				<column align="center" width="8%" label="col3" />
				<column align="center" width="5%" label="col4" />
				<column align="center" width="5%" label="col5" />
				<column align="center" width="5%" label="col6" />
				<column align="center" width="7%" label="col7" />
				<column align="center" width="7%" label="col8" />
				<column align="center" width="7%" label="col9" />
				<column align="center" width="7%" label="col10" />
				<column align="center" width="7%" label="col11" />
				<column align="center" width="9%" label="col12" />
			</columns>
			<rows>
				<row>
					<label value="Item 1" />
					<label value="ABCD0001" />
					<label value="ABCD0001" />
					<label value="999" />
					<label value="999" />
					<label value="999" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="999999.99" />
				</row>
				<row>
					<label value="Item 2" />
					<label value="ABCD0001" />
					<label value="ABCD0001" />
					<label value="999" />
					<label value="999" />
					<label value="999" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="999999.99" />
				</row>
				<row>
					<label value="LG Mobile" />
					<label value="ABCD0001" />
					<label value="ABCD0001" />
					<label value="999" />
					<label value="999" />
					<label value="999" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="9999.99" />
					<label value="999999.99" />
				</row>
			</rows>
			<zscript><![CDATA[
]]></zscript>
			<foot>
				<footer>
					<textbox value="Totals" />
				</footer>
				<footer>
					<textbox />
				</footer>
				<footer>
					<textbox />
				</footer>
				<footer>
					<textbox value="999" />
				</footer>
				<footer>
					<textbox value="999" />
				</footer>
				<footer>
					<textbox value="999" />
				</footer>
				<footer>
					<textbox />
				</footer>
				<footer>
					<textbox value="9999.99" />
				</footer>
				<footer>
					<textbox value="9999.99" />
				</footer>
				<footer>
					<textbox value="9999.99" />
				</footer>
				<footer>
					<textbox value="9999.99" />
				</footer>
				<footer width="90px">
					<textbox value="999999.99" />
				</footer>
			</foot>
		</grid>
	</window>
</zk>

When you remove the style from the above code, the footer aligns properly with its corresponding column header.
But, if the overflow style set to grid body, then footer won't align properly.

I even tried setting the same overflow style to grid footer also using the following style, but it didn't helped me:

<style>
		div.z-grid-body {overflow-x: hidden; overflow-y: scroll;
		background: #FFF; }
		div.z-grid-footer {overflow-x: hidden; overflow-y: scroll;}
	</style>

Any idea/suggestion to align grid footer corresponding to its column header?

Thanks.

delete flag offensive retag edit

2 Replies

Sort by ยป oldest newest

answered 2009-10-27 06:27:26 +0800

jumperchen gravatar image jumperchen
3909 2 8
http://jumperchen.blogspo... ZK Team

Please post it to bug.

link publish delete flag offensive edit

answered 2009-10-27 06:56:11 +0800

baskaraninfo gravatar image baskaraninfo
526 2 2 9

Thank you Jumper.

I submitted a bug here

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2009-10-27 02:03:55 +0800

Seen: 685 times

Last updated: Oct 27 '09

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More