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

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

解决办法1:

引入js文件:

 

在你定义的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属性,设置重复或者冲突了,造成属性失效.

你可能感兴趣的:(easyui)