jQuery Grid Plugin - jqGridForum

Topic RSS

Related Topics sp_TopicIcon

Problem with Sortable Rows in Chrome

Tags: Sortable rows bug chrome Webkit

13/02/2011
00:55

JanM

New Member

Members

Forum Posts: 1

Member Since:
13/02/2011

Offline

Hi guys

thanks for the great grid.

I've discover a problem with the Sortable Rows feature in Chrome. After you've dragged a row and reload the grid data the grid header and body become misaligned.

The problem can be reproduced - /blog/jqgrid/jqgrid.html Demo page - new in version 3.6 - Sortable rows - drag and drop any row, then select a different number of rows at the bottom select so that the grid reloads.

Does anybody know any work around? I've tried upgrading to the latest release but didn't help.

Jan

17/03/2011
21:01

Wakamolee

Member

Members

Forum Posts: 5

Member Since:
02/02/2011

Offline

I have the same problem, tried with versions 3.6.5, 3.7.2, 3.8.2.

The problem happens when I trigger "reloadGrid" AFTER I've dragged any row. As JanM says, go to Demo Page/new in version 3.6/sortable rows, drag any row, then click reload, the cells are all disaligned.

There seems to be a problem with "table-layout:fixed" with Webkit browsers (Chrome), apparently it's not seeing the "jqgfirstrow". There must be some javascript event making it load incorrectly, becaues in the DOM explorer in Chrome, I change all the tr rows to look exactly like they were before dragging (only removing zindex and opacity style from dragged row), but they still get disaligned.

16/05/2011
23:13

bluevoodoo1

New Member

Members

Forum Posts: 1

Member Since:
14/05/2011

Offline

I'm still seeing it in the 3.6 demo with Chrome 13.0.761 and Safari 5.0.4 Does anyone have any solutions for this while still using "table-layout:fixed"?

28/08/2012
20:32

EmperorE

New Member

Members

Forum Posts: 1

Member Since:
28/08/2012

Offline

I know this is an old post, but the issue still exists and can be reproduced on your own demo of sortable rows with the latest version of Chrome. To reproduce...

Open the latest verison of Chrome. Right now that appears to be 21.0.1180.83, but it will probably be up to version 22 in 10 minutes.
Go to the jqGrid demos page: http://trirand.com/blog/jqgrid.....qgrid.html
Expand "New in version 3.6" and click "Sortable Rows"
Make no changes to the grid and click the reload icon. Notice that the column alignment stays as expected.
Drag a couple rows around to any random position
Click the reload button again

Notice how the cells in the grid table no longer align with the cells in the header of the grid.

This works fine in IE 9 && Firefox 15.

Does anyone have any ideas on this? If I can't work around this I am going to have to scrap the sortable rows entirely, which would be very unfortunate!

29/08/2012
08:23

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Thanks.

Will investigate the problem and try to fix it.

Regards

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
32 Guest(s)

Currently Browsing this Page:
1 Guest(s)