jQuery UI Widgets Forums Grid Grid header overlapping

This topic contains 1 reply, has 2 voices, and was last updated by  Peter Stoev 3 years, 5 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • Grid header overlapping #107685


    Hi i created a example to try to make the grid’s header to be fixed while doing browser scrolling. But issue i am facing is that whenever i have the horizontal scrollbar of the grid enabled, the grid’s header is overflowing to the right of the page. The grid headers should actually become hidden and they should become visible has you scroll to the right.

    Example based on jsfiddle
    The Quantity column as you can see the its overflowing to the right, is there anyway to make those columns hidden only until you use the horizontal scroll.

    here is my jsfiddle:

    • This topic was modified 3 years, 5 months ago by  dan123.
    Grid header overlapping #107688

    Peter Stoev

    Hi dan123,

    This CSS breaks the things:

      position: fixed !important;
      z-index: 10000;
      visibility: block;
      top: 0px !important;
      height: 40px !important;  
    #contentjqxgrid > div.jqx-widget-header{
     height: 75px !important;
     position: relative !important;
     top: 70px !important;
     margin-top: 0px !important;

    If you would like to have a fixed header in the Grid, just do not set the autoheight property to true.


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.