移动后重置angularjs ui-grid中的列顺序

可以通过以下步骤实现：

1. 首先，确保你已经引入了AngularJS和ui-grid的相关依赖。
2. 在HTML文件中，创建一个包含ui-grid的div元素，并指定一个唯一的ID，例如：<div id="gridContainer" ui-grid="gridOptions" class="grid"></div>
3. 在AngularJS的控制器中，定义gridOptions对象，并配置ui-grid的列定义和数据源，例如：$scope.gridOptions = { columnDefs: [ { name: 'column1', displayName: 'Column 1' }, { name: 'column2', displayName: 'Column 2' }, { name: 'column3', displayName: 'Column 3' } ], data: [ { column1: 'Data 1', column2: 'Data 2', column3: 'Data 3' }, { column1: 'Data 4', column2: 'Data 5', column3: 'Data 6' } ] };
4. 在控制器中，使用ui-grid的api方法来监听列顺序的变化，并将变化保存到本地存储中，例如：$scope.gridOptions.onRegisterApi = function(gridApi) { gridApi.colMovable.on.columnPositionChanged($scope, function(colDef, originalPosition, newPosition) { // 保存列顺序到本地存储 localStorage.setItem('columnOrder', JSON.stringify($scope.gridOptions.columnDefs)); }); };
5. 在控制器初始化时，检查本地存储是否存在列顺序的设置，并将其应用到gridOptions中，例如：$scope.init = function() { var columnOrder = localStorage.getItem('columnOrder'); if (columnOrder) { $scope.gridOptions.columnDefs = JSON.parse(columnOrder); } }; $scope.init();

通过以上步骤，当用户移动列顺序后，会将新的列顺序保存到本地存储中。下次加载页面时，会自动应用之前保存的列顺序。这样就实现了移动后重置angularjs ui-grid中的列顺序。

关于ui-grid的更多详细信息和使用方法，你可以参考腾讯云的产品介绍链接：ui-grid产品介绍。