ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: cijojohn on June 14, 2017, 11:40:15 am

Title: Issue with header height on scrolling when virtual x true
Post by: cijojohn on June 14, 2017, 11:40:15 am

Hi Team,

I am facing issue with header height. As i have more than 200 columns , due to performance issue i have used virtualX as true.

but when i scroll, header height is getting increased and decreased. and some times it is very big. And I want to show complete Header Name.

I have replicated this in your demo https://paramquery.com/pro/demos/group_columns .

i have increased number of columns.
and have set virtualX as true.

I am attaching screenshot.

Please suggest.

Title: Re: Issue with header height on scrolling when virtual x true
Post by: paramvir on June 14, 2017, 12:33:38 pm

This can be resolved by

1. set hwrap: false. it truncates the content of header cells when it exceeds the column width.

or

2. increase width as well as minWidth of columns if you want to show complete content of header cells.

https://paramquery.com/pro/api#option-column-width
https://paramquery.com/pro/api#option-column-minWidth

Title: Re: Issue with header height on scrolling when virtual x true
Post by: cijojohn on June 15, 2017, 10:48:37 am

Can you suggest other solution. Because we don't want to increase width of column. and complete header should be visible.

Title: Re: Issue with header height on scrolling when virtual x true
Post by: cijojohn on June 23, 2017, 10:37:30 am

Hello Team,

How i can fix header height. Can we have some grid property for that.

Please Suggest.

Thanks

Title: Re: Issue with header height on scrolling when virtual x true
Post by: paramvir on June 23, 2017, 11:55:29 am

Grid header minimum height can be fixed with css. The height should be set to maximum height of header found during horizontal scrolling.

Code: [Select]

.pq-grid-header-table {
    height: 200px;
}

http://jsfiddle.net/u1cjdbpt/