Horiz scroll on grid in rowdetails

[emberqParticipant]

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?

[StanislavParticipant]

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/

[emberqParticipant]

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.

[Peter StoevKeymaster]

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.

[emberqParticipant]

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.

[Peter StoevKeymaster]

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.

[Author]

Posts