scrollbar disappeared if autoheight=true?

[fgaonetMember]

I am playing the Grid in Demo. If I set $(“#jqxWidget”).jqxGrid({ autoheight: true }), the vertical scroll bar is disappeared, and it is no way to see the data out of the window.

I want to “auto-stretch” the grid to the window, no matter what browser’s size is. Scroll bars should appear automatically as soon as data out of window. Is it possible?

Thanks,

[Peter StoevKeymaster]

Hi fgaonet,

The autoheight true means that the Grid’s vertical scrollbar will not be displayed and the Grid’s height will be equal to the sum of the rows multiplied by the rows height. May be you need to set the Grid’s width and height to ‘100%’ instead. Also make sure that the body’s width and height are 100%, too.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[fgaonetMember]

Hi Peter:

You are correct. I may set the Grid’s width and height to ’100%’ to show scroll bar. However, there are 2 issues in this setting:

1. If the height of total data rows is less the window’s height, the Grid shows many blank rows to “fill up” the window. For example, in your Grid Demo, if you set the data row to 10, and use an 22″ monitor, you will see many blank rows after the data row.

2. In case we need a pager, we have to set autoheight=true. For example, I set 20 rows per page for regular users using 22″ monitor. Some small monitor users can only see the first 10 data rows, and no way to scroll down to the bottom of the Grid to change the page-size.

In our project, our data is very dynamical. It may be 1000 rows, and also possible a few rows, or even nothing (0 row). I am looking for a way to show the scroll bar as soon as the data rows can’t be completely showed in the window IN ANY CASE, at least working on the above two scinarios. Is it possible now? or is it on your road map? or Is there a workaround?

Thank you very much!

[adrlopezbParticipant]

Hi, I am using jqxgrid component, with scrollmode: ‘logical’ and height:’100%’.

For grids with more than 15 rows of data, the scrollbars appears, however when I have 5 rows of data, the grid is filled with many blank rows (with a excel style)

Is any solution for this? Is something to be fixed in the future? I would like to see in case of 5 rows of data, a grid with only 5 rows, but at the same time to have a scroll bar in case of many rows.

Thanks,

Adrian

[Peter StoevKeymaster]

Hi Adrian,

If you have a Grid which has space for rows and autoheight=false, it will display rows – either with data or empty depending on whether you have data to be displayed or not. At present, we do not have plans to change that functionality.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[sspParticipant]

Hi,

I have set the height and width of my N-level nested grid, now if I have few rows of data, the remaining empty rows are displayed like in excel sheet except in the first grid,
I have to display the rows only the data, is it possible to avoid the empty rows??

  $("#jqxFirstgridHistory").jqxGrid('setrowdetails', i, "<div id='jqxSecGrid" + i + "' style='margin: 10px;'></div>", 350, true);
secGrid.jqxGrid(
		{
		   	 width : 1170,
	   		height : '80%', 

Thanks & Regards,
Sandhya S P

[sspParticipant]

Hi,

In my above post I meant, I have set the height and width of the grid, and autoheight=false,
I have to display only the rows with the data and empty rows should be avoided,
Is it possible to implement this??

Thanks & Regards,
Sandhya S P

[Peter StoevKeymaster]

Hi ssp,

The Nested Grids does not display empty rows like in Excel sheet in the current version – see: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/nestedgrids.htm?web. In case you use other version, please consider upgrading to the latest one.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[sgarcoParticipant]

Hello,

I have a similar requirement to the user that originally posted in August 2012:

I want to “auto-stretch” the grid to the window, no matter what browser’s size is. Scroll bars should appear automatically as soon as data out of window.

If a Grid has 10 rows of data and the screen has vertical space to allow the display, then the Grid should size it’s height appropriately and not need to show vertical scroll. If that Grid only has 2 rows of data, we do not want to see empty white space at the bottom of the Grid.

If the same Grid with 10 rows of data is viewed on an iPad and no longer has the vertical space, that Grid should now show vertical scrollbar as part of the Grid.

Is this possible?

Thank you

[Peter StoevKeymaster]

Hi,

You can see the grid demos like fluid size or mobile demos. The Grid supports responsive width and height from several years.

Best Regards,
Peter Stoev

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

[Author]

Posts