jQWidgets Forums

jQuery UI Widgets › Forums › Grid › Grid column headers are misaligned

Tagged: 

This topic contains 2 replies, has 2 voices, and was last updated by  Snehal 11 years, 10 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Grid column headers are misaligned Posts
  • August 22, 2013 at 5:09 am Grid column headers are misaligned #27339

    Snehal
    Participant

    Hi,

    I am using grid, i have set grid width to 100% and added columns , in that for 1st, 2nd and 3rd  columns i have set width to 100, 200 and 200 respectively ,

    but in grid, columns headers are adding 1px in width and showing little bit misaligned columns.. e.g 1st column’s width becomes 101 etc.. that is why all column headers are shifted to right by adding 1px in each header width… and it is showing grid misaligned…
    please suggest any change.

    Thanks & regards,

    Snehal

    August 22, 2013 at 5:13 am Grid column headers are misaligned #27343

    Peter Stoev
    Keymaster

    Hi Snehal,

    Please, provide a sample which demonstrates the behavior that you describe. In addition, usually the width in web stands for content width and that does not include borders.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    August 23, 2013 at 10:46 am Grid column headers are misaligned #27541

    Snehal
    Participant

    Hi Peter,

    Thanks for reply.. i got the reason of this misalignment, actually it was affected by “-moz-box-sizing: border-box;” property of css.
    that was getting applied on grid div , now fixed it.

    Thanks & Regards,
    Snehal

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.