easyui datagrid 表头拖拽，下方列不随着拖拽移动

遇到这个问题后查了不少文章，但大都是添加fit=true，然而并没有什么用，还有说改变width的，或者因为width定义的值是百分比的，但经过验证，这些都不影响；

解决办法1：

引入js文件：

<script type="text/javascript" src="datagrid-dnd.js"></script>

 <table id="dgDetailEqAttr" class="easyui-datagrid" style="height:100%" data-options="onLoadSuccess:function(){$(this).datagrid('enableDnd')}">

在你定义的table中添加：

data-options="onLoadSuccess:function(){$(this).datagrid('enableDnd')}"

这个是从easyUI数据网格行拖放开来的一个控制datagrid数据网格拖放的方法，添加后好使！

还是需要多看官方文档。

2.还有一种情况是加载顺序问题：

比如当前datagrid要加载工具菜单栏，和加载数据，两者要分先后，先加载工具菜单栏，再加载数据：

//加载工具菜单
                $("#dgDetailEqAttr").datagrid({
                    //fit: true,
                    toolbar: [{
                        id: 'detailAdd',
                        text: '添加',
                        iconCls: 'icon-add',
                        handler: addDetail
                    }, '-', {
                        id: 'detailEdit',
                        text: '修改',
                        iconCls: 'icon-edit',
                        handler: editDetail
                    }, '-', {
                        id: 'detailDel',
                        text: '删除',
                        iconCls: 'icon-delete',
                        handler: delDetail
                    }]
                });
                loadStdGrid(rowEqType.SysPkId, "dgDetailEqAttr");//加载数据

3.另一种情况是设置datagrid属性，设置重复或者冲突了，造成属性失效.