After attempting to resolve the issue on my own by reviewing similar questions, such as this one => why doesn't Jqgrid frozen column seem to work with filter rows and filter heading?
However, it seems that the grid has been updated since then because I am unable to call the complete method (or perhaps I am doing something incorrectly).
Currently, only a copy of the headers are moving and not the data. The height of the headers is also incorrect, but I presume that's because I rotate the headers and adjust the height afterward in JavaScript. It is pretty much out-of-the-box except for rotating the headers, but even without it, the frozen columns are not working.
I have provided a clean code example to make assisting me easier. In my scenario, I also use some custom code to rotate my headers, yet the frozen columns still do not work.
Any assistance would be greatly appreciated :)
The HTML
<html>
... (content truncated for brevity)
</html>
The generated data JavaScript function with correct data loading and fixed headers
... (JavaScript code truncated for brevity)
My custom CSS to rotate the headers
.VerticalHeader
{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
margin-top:-40px;
position: relative;
font-size: 0.8em;
}
.VerticalHeaderIE
{
text-align:left;
width:150px;
height:50px;
margin-top:-40px;
margin-left: 20px;
background-color: #EDEDED;
zoom: 1;
}