Moja aplikacja ma kilka jqGrids, które mogą zawierać lub nie wystarczającą liczbę wierszy, aby wymagać pionowego paska przewijania. Jednak wiersze mogą być dynamicznie dodawane do tych siatek po ich utworzeniu, aby siatka mogła ewentualnie wymagać paska przewijania.

Problem polega na tym, że jeśli siatka nie ma wystarczającej liczby wierszy, aby wymagać paska przewijania, po prawej stronie siatki znajduje się puste miejsce. Chciałbym jakoś to naprawić - albo zawsze wyświetlaj pionowy pasek przewijania, albo jakoś dynamicznie dodawaj go w razie potrzeby.

Próbowałem dodać następujący kod CSS do div .ui-jqgrid-bdiv grid:

overflow-y: scroll;

Korzystając z następującego jQuery (kod jest brzydki, wiem):

$("#mygrid").closest(".ui-jqgrid-bdiv").attr("style",
$("#mygrid").closest(".ui-jqgrid-bdiv").attr("style") + " overflow-y: scroll; ");

Działa to dobrze w Firefoksie i Chrome, ale w IE siatka nigdy nie wyświetla paska przewijania (niezależnie od tego, ile dodam wierszy, są one dodawane na dole siatki, a pionowy pasek przewijania nigdy się nie pojawia).

Każda pomoc jest doceniana!