Author Topic: Grid - Responsive  (Read 2798 times)

Akihiro Inoue

  • Pro Ultimate
  • Newbie
  • *
  • Posts: 32
    • View Profile
Grid - Responsive
« on: August 30, 2017, 12:42:24 pm »
Dear Team,

Thank you for your support.

 During different resolution (or during Zoom in/out), the grid needs to be responsive.

 But height is not responsive during different resolution.
 
 Do you have idea to fix this problem

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6265
    • View Profile
Re: Grid - Responsive
« Reply #1 on: August 30, 2017, 10:55:01 pm »
As per my observation, the grid dimensions (width & height) also scales along with the resolution. Am I missing something.
« Last Edit: August 30, 2017, 11:38:44 pm by paramquery »

jeeva

  • Newbie
  • *
  • Posts: 29
    • View Profile
Re: Grid - Responsive
« Reply #2 on: August 31, 2017, 03:15:12 pm »
Dear Suport,

I am having 200 + columns in my grid.So for clear visibility,I will zoom out the screen width getting minize and can able to see all the columns.Expecting to see the same height of the grid,but height also getting reduced.Please refer my below screen shots


paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6265
    • View Profile
Re: Grid - Responsive
« Reply #3 on: August 31, 2017, 03:27:34 pm »
It's because when browser zoom is used, x and y dimensions are scaled proportionally. This is how it works.

Zoom is browser's inbuilt function, we can't control zoom in one direction only, it works in both directions.

Akihiro Inoue

  • Pro Ultimate
  • Newbie
  • *
  • Posts: 32
    • View Profile
Re: Grid - Responsive
« Reply #4 on: September 27, 2017, 01:06:57 pm »
Dear team,


When we do zooming, the below are getting affected

1. Pagination is lost
2. Scroll bar is moving to down
3. Height is not adjusted and spaces are displayed

Please refer the screenshot.

Please support us to fix this issue.


paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6265
    • View Profile
Re: Grid - Responsive
« Reply #5 on: September 27, 2017, 04:59:35 pm »
I don't see this issue in the examples upon zooming. Can you please share a jsfiddle so that I can look into it.

Please also look out for errors (if any) in the browser console and share complete error stack trace (use pqgrid.dev.js).