ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: brwncald on April 07, 2022, 09:05:21 pm

Title: https://jsfiddle.net/glt101/47m9fc8o/
Post by: brwncald on April 07, 2022, 09:05:21 pm

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

Title: Re: https://jsfiddle.net/glt101/47m9fc8o/
Post by: paramvir on April 07, 2022, 10:20:11 pm

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

Title: Re: https://jsfiddle.net/glt101/47m9fc8o/
Post by: brwncald on April 09, 2022, 12:45:04 am

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

Title: Re: https://jsfiddle.net/glt101/47m9fc8o/
Post by: paramvir on April 11, 2022, 10:24:07 am

Please add this after initialization of the grid.

Code: [Select]

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

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

Title: Re: https://jsfiddle.net/glt101/47m9fc8o/
Post by: brwncald on April 12, 2022, 02:29:20 am

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