Issue with header height on scrolling when virtual x true

[cijojohn]

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.

[paramvir]

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

[cijojohn]

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

[cijojohn]

Hello Team,

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

Please Suggest.

Thanks

[paramvir]

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/