https://github.com/SortableJS/angular-sortablejs
我正在使用上面的Sortable JS,我想禁用一个表列的排序/拖动。
我想禁止拖动“排名”列。
<table>
<thead>
<th> Name</th>
<th> Rank </th>
<th> URL </th>
</thead>
<tbody [sortablejs]="reportsList">
<tr *ngFor="let data of items; let $index = index">
<td> <input type ="text" [(ngModel)]="data.name" id="name{{$index}}"> </td>
<td> <input type ="text" [(ngModel)]="data.rank" id="name{{$index}}"></td>
<td><input type ="text" [(ngModel)]="data.url" id="name{{$index}}"> </td>
</tr>
</tbody>
</table>
组件
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
items = [
{
'name': 'abc',
'rank': 1,
'url': 'abc.com'
},
{
'name': 'efg',
'rank': 2,
'url': 'efg.com'
},
{
'name': 'ihk',
'rank': 3,
'url': 'ihk.com'
}
]
}