I have several dropdown grids inside an accordion (jqueryui) with multiple panels. The dropdowns are on panel 1. On load of the page, i am automatically activating panel 2. So in short, all dropdown grids are not visible. And I am having this issue:

When I tried inspecting the element it has this div:
<div style="overflow: hidden; display: block; height: 25px; width: 602px; visibility: visible;" class="jqx-widget-header jqx-widget-header-defaulttheme jqx-grid-header jqx-grid-header-defaulttheme">
and if i remove the visibility attribute, it disappears.
PS: I am using v3.2.1, if i reverted to the old version (v3.0.4), there’s no issues. I compared the jqxgrid.js from both versions and noticed this chunk of code added in the _updatecolumnwidths() function:
if (h == 0) {
this.columnsheader[0].style.visibility = "hidden"
} else {
this.columnsheader[0].style.visibility = "visible"
}
Im thinking that this may cause the said issue.
Any ideas?
Thanks!
gooose