Author Topic: Issue with header height on scrolling when virtual x true  (Read 2888 times)

cijojohn

  • Pro Ultimate
  • Jr. Member
  • *
  • Posts: 73
    • View Profile
Issue with header height on scrolling when virtual x true
« 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.



« Last Edit: June 14, 2017, 11:51:17 am by cijojohn »

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6296
    • View Profile
Re: Issue with header height on scrolling when virtual x true
« Reply #1 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

cijojohn

  • Pro Ultimate
  • Jr. Member
  • *
  • Posts: 73
    • View Profile
Re: Issue with header height on scrolling when virtual x true
« Reply #2 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.

cijojohn

  • Pro Ultimate
  • Jr. Member
  • *
  • Posts: 73
    • View Profile
Re: Issue with header height on scrolling when virtual x true
« Reply #3 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

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6296
    • View Profile
Re: Issue with header height on scrolling when virtual x true
« Reply #4 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/