I am trying jqxGrid with details row. On the damo, the rowdetailsheight is fixed to 200. I need it dynamically adjusting to show all content in the rowdetailstemplate. Is it possible?
I tried to set rowdetailsheight: ‘100%’, but I got an error message: Invalid argument, on line 7 of jqxgrid.js
The required functionality is not supported. The height of the rows details and the rows is fixed and should be set to a Number value. By default it is 200.
I have a similar problem and I hope you have a solution for me.
I am using the nested grids. The nested grids are created dynamically with a silent call to the server (ajax). The problem is that I don’t know how many rows will be returned so I cannot fix the ‘rowdetailsheight’ in advance.
Is it possible every nested grid to have different height (I mean not the nested grid’s height but the space that is added/removed to/from the main grid)? Is it possible to be changed the ‘rowdetailsheight’ property if the main grid is already initialized?
Have a great day.
It is not possible to have dynamic height for the rows details. If you create Nested Grids, this will not be a problem, because the nested Grid will automatically display vertical scrollbar when it is necessary, unless you did not set its “autoheight” property to true.
We have the same situation come up here today. We have rowdetailstemplates that may have any number of rows. We don’t want to display 200px when there is just one row and at the same time display only what fits in 200px when there are 100 rows and have the user have to scroll. Autosize would be a big help.
I’m thinking we could get the nested grid height if it is set to be autosize : ‘true’ and then change the container height to be the same or slightly larger using jquery. Do you think this wil work?
I am facing the same scenario, I have removed auto height and my nested grid is created dynamically and still I don’t see the vertical scroll
when i am using the nested grid. Let me know what I have missed. Also when I use aggregate in nested grid the details a re displayed on the top of the nested grid. Please let me know how this can be fixed.
Below is the code for binding my nested grid.
columns: [My columns]
Row details template of my parent is as follows
Please need help as soon as possible.
Thanks in advance
You may take a look at our Nested Grid’s sample. The Grids there are with fixed height and some of them display scrollbars as necessary.
Hi Peter Stoev/jQWidgets Team,
I think this adjustable height feature must be supported by jQGrid. This is being a challenge and showstopper in lot many situations.
Please let us know if you are working on upgrading the jQTree API.
Thanks for the feedback.
We do not have plans to make changes in the widget for adding auto-height for row details. I am sorry that you find this to be a stopper for your app.
If auto height is not supported then how to get scroll bar for row details with more contents. I am using 3.6 version.
Thanks in advance!
Usually a DIV tag with Fixed Height and your Content which overflows inside that DIV tag will result in a scrollbar displayed by the browser.
In that case it will show browser’s scrollbar and we will loos jqx theme style for that. 🙁
Do you have any solution which will show as a part of jqwidgets.
If you use our widgets in the row details as we do in our Demos, you will see jQWidgets scrollbars.
I have a similar problem. I would like to increase/decrease the rowdetailsheight based on the number of lines in the nested grid. I saw that it was not supported in previous versions, but I was hoping to have it in a newer version. I use jQWidgets v3.7.0 (2015-Feb). If not available, is there any workaround to do this?
I saw here many posts complaining about the vertical scroll bar that is not show in nested grids. I also tried lots of different configurations and the scroll bar is not shown.
Isn’t there a definitive solution for that ? For example, forcing the scroll bar to be shown ?
You must be logged in to reply to this topic.