Klaus on multiline rows breaks dynamic scrolling grids

Tue, 30 Aug 2011 12:33:42 +0300

This issue still exists with jqGrid version 4.1.2!

Dynamic scrolling does not work when having multiline rows in the grid, especially this is easy to reproduce when having a big first row (with e.g. 5 lines as multiline content) and all other rows as normal single-line rows then the paging to the second page (via dynamic scrolling) won't work - it again loads page 1 from the server and adds page 1 below page 1 twice beginning with the first row again after the last row of the first page.

Is there any better solution instead of disabling multiline rows via CSS?
... my workaround for this bug: using "white-space: nowrap"

.ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: nowrap; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}

It seems that the code calculating the rows, pageSize, etc. is based on the rowheight of the first row, which won't work if the first rowheight is different from the others.

Maybe this could be rewritten using the actual height of each row of the current page, but that solution might be too slow?

Kind regards,
Klaus.

celalo on multiline rows breaks dynamic scrolling grids

Sun, 14 Mar 2010 18:10:49 +0200

There is a small tip here about having multiple lines with rows. I actually modified the CSS code to

.ui-jqgrid tr.jqgrow td { white-space: normal !important; height:auto; vertical-align:text-top; }

to have better view. However it breaks dynamic scrolling grids. Any suggestion to fix this issue?

jQuery Grid Plugin - jqGrid - Topic: multiline rows breaks dynamic scrolling grids

Klaus on multiline rows breaks dynamic scrolling grids

celalo on multiline rows breaks dynamic scrolling grids