Hi,
I face a recent problem that I didn’t have few monthes ago (new browsers version ?) :
I have a grid in my main page, using autoheight: true.
This grid has more than 160 rows.
on clic on a button, I open a jqxwindow.
The problem is that the grid still appears in the foreground, hiding part of the jqwindow.
when the grid has less than 160 rows, there’s no problem.
I have found two solutions :
1 – I create a special function to force a fixed height that won’t excess 160 rows
source.localdata = aDataUtilisateurs;
let iRows= aDataUtilisateurs.length;
(iRows> 161) ? oGrid.setHeight(161) : oGrid.setHeight(iRows);
2 – I use bootstrap, and force each grid in a div row (class row adds a css display:Flex, which seams to solve the problem)
<div class=”row ms-1 me-1″>
<div id=”myGrid”></div>
</div>
But these soluces are not satisfying. I face this problem on all of my big grids, on 2 different websites.
I tried to create the problem on jsfiddle to help you, but the fiddle works perfectly ;-(…
I’ve tried to chonge the z-index of my grids and windows, but there’s no change :�
.jqx-window {*/
z-index: 10000 !important;*/
}*/
.jqx-grid {
z-index: 0 !important;
}
I don’t know how to debug that. Do you have an idea of why there’s a limit of 160 rows, changing the z-index of the grid or the window ?
fabriceb
