0

プロジェクトでは、Angular と ui-sortable を使用して、行と列に分割されたリストをソートできるようにしたいと考えています。これはテーブルではありません。代わりに、ブートストラップ クラスを使用して行を追加し、col-md クラスを使用してテーブルとして表示する div を使用したいと考えています。実現したい機能に似たコードペンを作りました。行はドラッグ アンド ドロップで並べ替えることができますが、少し手間がかかります。しかし、行内で列の並べ替え順序を変更することはできません。

私が使用しているcodepenの例: 要素A を変更できるようにしたい | B to B | A.また、 A |移動できるようにしたいです。Cの下のB | B

<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 に答える