行和列之间的嵌套排序答案

【问题标题】：Nested sorting between rows and columns行和列之间的嵌套排序
【发布时间】：2014-12-23 09:37:21
【问题描述】：

对于一个项目，我想使用 Angular 和 ui-sortable 来对列表进行排序，分为行和列。它不是表格，而是我想使用 div，使用引导类添加行和 col-md 类以显示为表格。我制作了一个类似于我想要实现的功能的codepen。行可以通过拖放进行排序，但有点麻烦。但在一行中，我无法更改列的排序顺序。

我正在使用的codepen 的示例：我希望能够更改元素 A | B 到 B | A. 而且我也希望能够移动A | B 下 C |乙

<div class="form-container" ui-sortable="sortableRows" ng-model="filtered">
    <div ng-repeat="row in filtered">
      <div class="row rowborder">
        <div ui-sortable="sortableCols" ng-model="row">
           <div ng-repeat="col in row">
             <div class="col-md-6 colborder">
                 {{col.entry}}
             </div>
           </div>
        </div>           
     </div>
</div>

【问题讨论】：

标签： angularjs jquery-ui rows multiple-columns angular-ui-sortable

【解决方案1】：

我从另一个用户那里得到了解决我的问题的方法。 HTML 中存在结构性问题。您可以在this codepen找到解决方案。

<div class="form-container" ui-sortable="sortableRows" ng-model="filtered">
      <div ui-sortable="sortableCols" ng-model="row" ng-repeat="row in filtered" class="row rowborder">
        <div ng-repeat="col in row" class="col-md-6 colborder">
          {{col.entry}}
        </div>
      </div>
 </div>

【讨论】：