Question

对于一个项目，我想使用Angular和ui-sortable来对列表进行排序，分为行和列。它不是一个表，而是我想使用div，使用bootstrap类添加行和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>

Answer 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>

行和列之间的嵌套排序

1 个答案: