jQuery Grid Plugin - jqGrid

Printing the JQGrid with ui.jqgrid.css media as "screen" prints the JQGrid with extra white spaces at the top and bottom of the JQGrid. But if we change the media as "print" mode and the incoming grid data is huge in volume (at least more than one print page of data) then the initial pages are printed without data (no grid lines as well, complete page is blank/empty) and the last page only contains the rows that should fit in the last page.

Solution:

Updating the ui.jqgrid.css file into two different files:

1. Containing the BODY only

2. Second CSS containing the rest all of the ui.jqgrid.css content

and then loading these two CSS @ client side code as:

> media = "screen" for the first css (of body part)

> media = "print" for the second css (remaining part of the ui.jqgrid.css)

both the issues are resolved.

Requesting you to please include a relevant fix for this in next release of JQGrid as printing is also as important as the view in screen for majority of the clients and JQGrid should not lack behind in any of these 🙂

P.S. - if you would like to have a package for these CSS files and their usage in the client site code, at the time of load for reference - please let me know.