解决方法
您可以使用
onstart回调来修改被拖动的行的样式.
我为你做了the following demo演示如何做到:
相应的代码是
$("#grid1").jqGrid('gridDnD',{ connectWith: '#grid2',onstart: function (ev,ui) { ui.helper.removeClass("ui-state-highlight") .addClass("ui-state-error ui-widget") .css({ border: "5px ridge tomato" }); } });
在示例中,我将jqGrid添加的样式“ui-state-highlight”默认删除到拖动行,然后添加“ui-widget”以使用拖动行的字体修复问题.最后,我添加了与我需要的样式相对应的样式:CSS类“ui-state-error”和CSS样式边框:5px ridge tomato.
另外我使用CSS样式
.ui-jqgrid .ui-jqgrid-bdiv table.ui-state-active { border-style: none; }
防止目标网格中的水平滚动条.
更新:我没有看到使用altRows有任何问题:在某些网格中是真的.可能你的原因是在中使用了sortableRows
// make rows of grid2 sortable $("#grid2").jqGrid('sortableRows',{ update: function () { resetAltRows.call(this.parentNode); } });