0

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

正在使用的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>
4

1 回答 1

0

我从另一个用户那里得到了我的问题的解决方案。HTML 中存在结构性问题。您可以在此 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>
于 2014-12-24T08:08:06.730 回答