jQuery UI Widgets Forums Grid Horiz scroll on grid in rowdetails

This topic contains 5 replies, has 3 voices, and was last updated by  Peter Stoev 6 years, 8 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • Horiz scroll on grid in rowdetails #95684

    emberq
    Participant

    I have a grid in a rowdetails (nested grid scenario). When I leave off the column width for the last column I always get a horiz scroll on the grid. When I specify a short column width I get no scroll. How can I max out the column width for the last column (and the entire grid for that matter). Is there some setting in rowdetailstemplate that would help this?

    Horiz scroll on grid in rowdetails #95693

    Stanislav
    Participant

    Hello emberq,

    With rowdetailstemplate you can set the HTML used for details and the height of the details.
    You can set the width of the columns with ‘percentages’, that way if you don’t go over 100% the columns won’t have a horizontal scroll bar.
    You can use ‘percentages’ only in some columns, but then they won’t be equal in width, but will still work.

    Best Regards,
    Stanislav

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

    • This reply was modified 6 years, 8 months ago by  Stanislav.
    Horiz scroll on grid in rowdetails #95708

    emberq
    Participant

    Thanks for the reply but it doesn’t solve or answer the problem I posted. I’m aware of how the column widths add up and how I can use percentages.

    On all my columns in the rowdetails grid I use fixed widths. I come up very short of the container size so I do not get a horizontal scroll on that rowdetails grid. However, I want the last column to take up the full remaining width up to the container size. So I don’t specify a width at all on the last column. That’s supposed to fill up to the container width, right?

    Well it does fill up to the container width. But I also always get a horizontal scroll too. The horizontal scroll scrolls the width of a vertical scroll. So it seem to be that your calculation is adding the width of a vertical scroll when no vertical scroll is actually needed. But that extra width of a non-existent vertical scroll is triggering the horizontal scroll.

    Please try it in one of your samples. It’s easy to replicate.

    Horiz scroll on grid in rowdetails #95709

    Peter Stoev
    Keymaster

    Which version of jQWidgets do you use? Example: http://jsfiddle.net/opmh6q37/, There is vertical scrollbar, last column width is not defined and as a result no horizontal scrollbar is displayed.

    Horiz scroll on grid in rowdetails #95712

    emberq
    Participant

    I’m on v. 4.5.1 on Chrome. The difference in the fiddle may be that it is not a nested grid case. I get horiz scroll in my nested grid as soon as I remove the last column width.

    Horiz scroll on grid in rowdetails #95715

    Peter Stoev
    Keymaster

    That should not make any difference. The row details feature does not know whether the details component is Grid, Tabs, ComboBox or something else. However, the version of jQWidgets may matter.

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

You must be logged in to reply to this topic.