Results 1 to 2 of 2

Thread: Grid's Column data is not aligned with column headers(Its fine for the first time)

  1. #1
    Sencha User
    Join Date
    May 2015
    Posts
    1

    Default Grid's Column data is not aligned with column headers(Its fine for the first time)

    Hi,
    We have a detail items grid in ExtJS 3.4 (with grid view config as forceFit: true) to show which items are added along with the description (used row expander plugin to show item's description).When I open an order the grid loads fine see screenshot 1.The css in firebug for the grid for column Qty Shipped is as follows:


    <td class="x-grid3-col x-grid3-cell x-grid3-td-quantityShipped " tabindex="0" style="width: 132px; text-align: right;">
    <div class="x-grid3-cell-inner x-grid3-col-quantityShipped" unselectable="on">2.0000</div>
    </td>



    Now when I try to open the same order again the grid gets screwed up.See screenshot 2 .The css in firebug for the grid for column Qty Shipped is as follows:

    <td class="x-grid3-col x-grid3-cell x-grid3-td-quantityShipped " tabindex="0" style="width:98px;text-align:right;">
    <div class="x-grid3-cell-inner x-grid3-col-quantityShipped" unselectable="on">2.0000</div>
    </td>


    This time the width of most of the columns(from warehouse to extended) got changed e.g. Qty Shipped got changed from width: 132px to width: 98px.

    If I change all the widhts through firebug it works fine.I tried with css config in column and tried with padding which again screwed up the grid.

    Can anyone please help about this? Thanks in advance.


    Screenshot 1:

    Grid Fine.jpg

    Screenshot 2:

    Grid Screwed Up.jpg

  2. #2

Similar Threads

  1. Replies: 1
    Last Post: 22 May 2015, 8:48 AM
  2. Replies: 5
    Last Post: 9 Oct 2013, 8:03 AM
  3. GridPanel - Column headers and row data are not aligned
    By shahdollie in forum Ext 3.x: Help & Discussion
    Replies: 7
    Last Post: 6 Dec 2012, 4:36 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •