Javascript 如何在angularjs中对列重新排序
这是我的htmlJavascript 如何在angularjs中对列重新排序,javascript,angularjs,multidimensional-array,angularjs-directive,Javascript,Angularjs,Multidimensional Array,Angularjs Directive,这是我的html <table class="table table-bordered table-responsive mar0 tablebg table-width"> <thead> <tr> <th ng-repeat="field in jsonData.fieldsNameList track by $index" class="field-name">
<table class="table table-bordered table-responsive mar0 tablebg table-width">
<thead>
<tr>
<th ng-repeat="field in jsonData.fieldsNameList track by $index" class="field-name">
<span ng-click="onclicktableHeader(field)">{{field.fieldName}}</span>
<span class="check-align" ng-if="field.fieldType=='field'"><i ng-click="enableFilter(field)" tooltip="Enable Filtering" tooltip-append-to-body="true" tooltip-placement="up" ng-class="{'fa fa-check-square-o': !field.enableFiltering, 'fa fa-plus-circle': field.enableFiltering}"></i></span>
<span class="check-align" ng-if="field.fieldType=='field'"><i ng-click="enableSort(field)" tooltip="Enable Sorting" tooltip-append-to-body="true" tooltip-placement="up" ng-class="{'fa fa-check-square-o': !field.enableSorting, 'fa fa-plus-circle': field.enableSorting}"></i></span>
<i ng-click="deleteColumn(field)" class="fa fa-times"></i>
</th>
</tr>
</thead>
<tbody>
<tr>
<td ng-repeat="field in jsonData.fieldsNameList track by $index">
{{field.fieldName}}
</td>
</tr>
<tr>
<td ng-repeat="field in jsonData.fieldsNameList track by $index">
{{field.fieldName}}
</td>
</tr>
<tr>
<td ng-repeat="field in jsonData.fieldsNameList track by $index">
{{field.fieldName}}
</td>
</tr>
</tbody>
</table>
我想通过左右拖动来重新排列表中的列,如何做到这一点,以及它们是否以任何方式使用angularjs或javascript可能会有帮助,谢谢,但在上面的链接中,它是针对行的,但我想针对列。您是否考虑过使用智能表()。下面是一个可拖动列的示例:谢谢,这是我想要的:)可能会有帮助,谢谢,但在上面的链接中,它是针对行的,但我想要针对列的。您是否考虑使用智能表()。下面是一个可拖动列的示例:谢谢,这是我想要的内容:)
$scope.jsondata.fieldsNameList = [{ "enableFiltering": false, "enableSorting": false, "fieldId": "56adc5276e65744a03ed0c00", "fieldName": "fnamev2", "fieldType": "field" }, { "enableFiltering": false, "enableSorting": false, "fieldId": "56adc5276e65744a03ed0d21", "fieldName": "fnamev1", "fieldType": "field" }];