在 Chrome 中移动表格行（表格损坏）答案

【问题标题】：Moving rows of table in Chrome (table gets corrupt)在 Chrome 中移动表格行（表格损坏）
【发布时间】：2017-05-17 03:00:35
【问题描述】：

我们正在研究数据网格，发现在使用 jQuery 移动表 (TABLE) 中的行 (TR) 期间，该表在 Chrome 下可能会损坏（Firefox 和 Opera 效果很好）。在这些情况下，TD 内的浮动 DIV 不再服从浮动，或者在另一种情况下，即使 HTML 结构也完全没有问题，也会有额外的列。我还不能生成干净简单的测试用例，只是想问问 Chrome 中是否存在已知问题。

分离整个表格并重新连接（不更改其他内容）确实解决了问题并且表格布局再次正确。

【问题讨论】：

如果您不发布与您的网页相关的一些代码，我怀疑任何人都能够帮助您。
我猜你是对的......用一个简单的 sn-p 重现它是如此困难，我希望这是一个众所周知的问题。但我会努力做一个好的测试用例。

标签： javascript html google-chrome html-table

【解决方案1】：

 var firstRow = document.getElementById('<%=tblColumn.ClientID %>').rows[index]; 
                var secondRow = document.getElementById('<%=tblColumn.ClientID %>').rows[index+1];              
                firstRow.parentNode.insertBefore(secondRow, firstRow);

在 chrome 上试试这个代码

【讨论】：