jqueryjquery-uijqgridfrozen-columns

How to use jqgrid frozen column for different screen widths?

I have a JQgrid grid with a lot of columns. Some people have very wide monitors and some have small laptops.

I want a solution where the folks that have wide monitors can have the grid stretch as long as the size of the window.

For the ones with laptops, I want them to have the frozen columns so when they scroll, they don't lose the first column in the grid.

What is the best way to support this layout?

Solution

  • This thread describes how to set grid width based on browser window size:

    javascript - Resize jqGrid when browser is resized? - Stack Overflow

    This one suggests using the 'fixed' colModel option to set certain columns to a constant size:

    jQGrid set column width - Stack Overflow

    And, finally, this site gives some example code and additional tips for using JQGrid:

    10 JQGrid Tipls learned from my experience << SANDBOX…….