Issue with Frozen component

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

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