0

Issue with Frozen component

asked 2014-07-10 09:36:17 +0800

dpchandra gravatar image dpchandra
1 1

Hi, I have faced some odd behaviour of Frozen component when I put the entire grid in a div with align="center". When I try to scroll the horizontal scroll bar then the fixed columns are coming into the center of the grid. I don't know whether this is the expected behaviour or not. My expectation is the center alignment is for the entire grid but not for the columns.

Below is the sample example which is causing the issue. If I remove that center alignment it is working fine.

<div align="center">
  <grid width="600px" >
   <frozen columns="2" start="1"/>
   <columns>
    <column width="50px">ID</column>
    <column width="50px">Priority</column>
    <column width="50px">Status</column>
    <column width="150px">Summary</column>
    <column width="250px">Detail</column>
    <column width="100px">Group</column>
    <column width="50px">Assign</column>
  </columns>

  <rows>
    <row>
        <cell>0001</cell>
        <cell>1</cell>
        <cell>closed</cell>
        <cell>Fix login issue</cell>
        <cell>Login does not work at all</cell>
        <cell>Account</cell>
        <cell>Bob</cell>
    </row>
    <row>
        <cell>0002</cell>
        <cell>3</cell>
        <cell>open</cell>
        <cell>Button style broken</cell>
        <cell>Check main.css</cell>
        <cell>Styling</cell>
        <cell>Alice</cell>
    </row>
    <row>
        <cell>0003</cell>
        <cell>2</cell>
        <cell>open</cell>
        <cell>Client search result</cell>
        <cell>Search service returns incomplete result</cell>
        <cell>Service</cell>
        <cell>Bob</cell>
    </row>
</rows>
</grid>
</div>

dpchandra

delete flag offensive retag edit

2 Answers

Sort by ยป oldest newest most voted
0

answered 2014-07-17 00:04:31 +0800

Darksu gravatar image Darksu
1991 1 4

Hello dpchandra,

Indeed it seems there is an issue when you are using div.

Instead you could use an hbox which is a much better layout component that zk offers.

In detail replace the code <div align="center"> with <hbox align="center" pack="center" hflex="1" vflex="1"> and you will see that the grid will work as expected.

Best Regards,

Darksu

link publish delete flag offensive edit
0

answered 2015-01-06 11:15:01 +0800

andij62 gravatar image andij62
303 1 7

Hi all,

the frozen component does not work on mac (safari, firefox) and ipad. The scrollbar is not shown. Scrolling is not possible. What is the Problem? Can someone help me?

Regards Andy

link publish delete flag offensive edit
Your answer
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
2 followers

RSS

Stats

Asked: 2014-07-10 09:36:17 +0800

Seen: 29 times

Last updated: Jan 06 '15

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