Results 1 to 8 of 8

Thread: GridPanel - Column headers and row data are not aligned

  1. #1

    Default GridPanel - Column headers and row data are not aligned

    hi everyone,
    I have a gridpanel and 5 columns in that. Problem is that column headers and row data are not aligned. I believe its just the problem in my project only as when i create an example with the same code then everything works fine. Check the following image:


    grid.png


    Can anyone suggest what could be the problem?


    Regards

  2. #2
    Sencha Premium Member
    Join Date
    Nov 2007
    Location
    Moore, Oklahoma
    Posts
    502

    Default

    Can you show some code? You will get more help responses with code shown.

  3. #3

    Default

    Hi

    The problem is code works fine when i create it in separate file. So there is no problem with the code. It just doesn't work in one of my projects (though in others it works fine.......)....

    Strange problem........I tried to solve this for a week or so and i couldn't find any problem that might be causing this.....so only i m asking for any suggestions that might be causing this...

    Regards

  4. #4

    Default [SOLVED]

    hi everyone....there was some problem with CSS.

    Thanks for helping.

    Regards

  5. #5
    Sencha User
    Join Date
    Apr 2008
    Posts
    23

    Default

    Quote Originally Posted by shahdollie View Post
    hi everyone....there was some problem with CSS.

    Thanks for helping.

    Regards
    Hi shahdollie
    how did you solve the issue?
    how did you modify the CSS?
    Best regards

  6. #6

    Default

    hi Zerba78, sorry i don't know which properties were affecting as i had a huge css file (created by someone else) so I discarded it and everything worked fine.

    Regards

  7. #7

    Default

    Hi everyone,

    The following css was causing the problem:

    Code:
    table caption,
    table th,
    table td {
        padding:            0.1em 0.5em 0.1em 0.5em;
        margin:             0.1em;
        vertical-align:     top;
    }
    Hope that helps someone.
    Regards

  8. #8

    Default

    Hi all,
    If you want to apply this solution to only specific Grid Panel when there are multiple Grid Panels are there then use below css :

    #sample_grid_id table caption,table th,table td {
    /* padding: 0.1em 0.5em 0.1em 0.5em;
    margin : 0.1em;
    vertical-align: top;
    */
    padding : 0px !important;
    margin : 0px !important;
    }

    Note: Above #sample_grid_id is the id of specific Grid Panel. So, this solution is applied to only specific Grid Panel when there are multiple ExtJS Grid Panels.

    Thanks & Regards

Similar Threads

  1. Replies: 1
    Last Post: 13 Feb 2008, 3:35 PM
  2. GridPanel headers don't show up when center aligned in IE
    By bwang_dal in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 31 Jan 2008, 7:22 AM
  3. hiding gridpanel column headers
    By datrus in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 6 Dec 2007, 9:43 PM

Tags for this Thread

Posting Permissions

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