Autorowheight on a fixed height, scrolling grid

[bjpetalParticipant]

I know this has been asked before over the years, but not for awhile – I am wondering if implementing a solution for this is on the roadmap, so to speak.

Basically as I understand it, a requirement for using autorowheight, is that your grid either be pageable, or use autoheight:true. In my opinion the pageable grids are not nearly as convenient or intuitive, especially when multiple rows need to be selected, so I can’t implement that. And when using autoheight you basically lose out on all the optimization of having a fixed number of DOM elements that are re-drawn on scroll. Adding every row in the dataset as a DOM element quickly degrades performance on a large dataset.

The only way I have found to get somewhere close to what I want, is by wrapping an autoheight jqxGrid inside a jqxPanel to get the vertical scrollbars again. But it behaves clunkily, and performance is not good as all DOM elements are added.

Is there anything on the roadmap to allow jqxGrid to auto-size row heights during the scroll re-render event on a fixed height scrollable grid? Or anything to allow setting different row heights manually during the cellrender callback?

[StanislavParticipant]

Hello bjpetal,

Sorry if it doesn’t satisfy your needs.
We don’t have any plans to add any more features like this in the near future.

I can show you three ways of achieving this.

Using autorowheight:true, autoheight: true,
Link

This is a simple example that shows ‘multiplerowsextended’, with which you can select rows from different pages.
Example

Also, we have a workaround ready for cases like this, but as I understand you already found it. It uses jqxPanel and loads all the records simultaneously.

Best Regards,
Stanislav

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

[bjpetalParticipant]

Stanislav – thank you for getting back to me. Your answer is kind of what I expected, but I had to ask. I cannot create thousands of DOM elements, and paging just does not work for my case. It seems like it woulnd’t be to hard to implement – I have cobbled it together somewhat from the cellrenderer callback, or tying into the scroll event. It is just the x/y positions of the rows get messed up in the grid – so hovers, and selections are no longer accurate. I haven’t come up with a solution by combing through the source, so I’m going to concede there isn’t a solution there.

Anyways – based on the prior posts I have seen, I think there would be definite value in implementing this in the future. If not automatic row heights, a way to set row size manually on a row by row basis.

Thank you,
Ben

[StanislavParticipant]

Hello Ben,

I am sorry I couldn’t help you much.
We will discuss it as a feature to be added in the future.
For now, I gave you all the possible solutions.

Best Regards,
Stanislav

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

[Author]

Posts