https://jsfiddle.net/glt101/47m9fc8o/

[brwncald]

Hi,

I am having a problem using the freezeCols column option:

The right-most of the columns that are frozen get overlapped by the next column to the right when scrolling to the left.
See attached image and the following JSFiddle:

https://jsfiddle.net/glt101/47m9fc8o/

Cheers,
Geoff

[paramvir]

Please include any theme file: https://jsfiddle.net/z9vbo25r/

[brwncald]

I see.
In the Pro Tutorial page you have the PQGrid css themes marked as optional so I had not included that:

Code: [Select]

    <!--ParamQuery Grid custom theme e.g., office, bootstrap, rosy, chocolate, etc (optional)-->
    <link rel="stylesheet" href="path to custom theme pqgrid.css" />

After I added that resource (see the same JSFiddle) it overwrites the jquery-ui custom theme.
Is it possible to have a jquery-ui custom theme and still have the freezeCols option work?

Cheers,
Geoff

[paramvir]

Please add this after initialization of the grid.

Code: [Select]

$(".pq-cont-inner").addClass("ui-widget-content");

https://jsfiddle.net/h5mokvtb/1/

[brwncald]

Thanks. That partially solved the issue.
I still had to add the following as well in a separate file:

Code: [Select]

\.pq-grid-title, .pq-group-header {
    background: #332985;
    border-color: #332985;
}
.pq-grid-row.pq-striped {
    background: #edecff;
}

.ui-widget-header {
    border: 1px solid #332985;
    background: #332985;
    color: #fff;
    font-weight: bold;
}

Cheers,
Geoff