jQWidgets Forums

jQuery UI Widgets › Forums › Grid › Data panel moving offscreen

Tagged: , , , , , , ,

This topic contains 4 replies, has 2 voices, and was last updated by  Dimitar 9 years, 8 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Data panel moving offscreen Posts
  • July 15, 2015 at 9:12 pm Data panel moving offscreen #73779

    Swagdiar
    Participant

    I am working with a jqxgrid with 15 columns and some of the columns are offscreen to the right side (viewable through the scroll bar). Whenever I select a filter in a column that is on the far right (offscreen) and then scroll to the far left and perform a search, I see all columns shift to the far left. The right half of the grid turns completely blank while the columns that were on the left are now offscreen (basically everything shifts to the left within the grid until half is off the screen).

    I cannot share the code, but was hoping someone had an idea on how to resolve this. Is there a way to realign the grid within my window?

    July 16, 2015 at 11:09 am Data panel moving offscreen #73807

    Dimitar
    Participant

    Hello Swagdiar,

    Please try setting the grid property enablecolumnsvirtualization to false. If this does not help, please share at least a mockup example demonstrating the issue. Make sure you are using the latest version of jQWidgets (3.8.1), too.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    July 16, 2015 at 2:15 pm Data panel moving offscreen #73815

    Swagdiar
    Participant

    I am not able to replicate the issue in a mockup. The property enablecolumnsvirtualization did not seem to have any effect.

    The jqxgrid appears to shift offscreen because it thinks the window boundary is out there. Is there a way to adjust a property to recheck window boundaries? Maybe suggest something similar?

    July 16, 2015 at 6:12 pm Data panel moving offscreen #73825

    Swagdiar
    Participant

    I was able to replicate the issue in jsfiddle. http://jsfiddle.net/j8JUh/204/

    Steps:
    1. Scroll all the way to the right.
    2. Click in the filter of the right most column.
    3. Type something to activate the filter.
    4. Scroll all the way to the left.
    5. Hit backspace a few times (to delete what was in the filter all the way to the right offscreen)
    6. You will now see the columns glitch. The right most column is appearing in the middle of the screen and if you scroll to the right, you will see nothing.

    If you click on some elements, like the filters, it seems to bounce back into the right position. However, for my project, it is not returning to the proper position.

    I’ve included a screenshot of what the glitch looks like me. You can find them here: http://i.imgur.com/GwB41ru.png

    It seems to be caused by this line (line #18): $("#jqxgrid").jqxGrid('updatebounddata', 'filter');

    Is there a solution for this?

    July 17, 2015 at 8:17 am Data panel moving offscreen #73858

    Dimitar
    Participant

    Hi Swagdiar,

    Thank you for your feedback. We confirm this issue and have created a work item about it.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

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

You must be logged in to reply to this topic.