可排序的JS,禁用表列的排序

时间:2018-10-24 17:50:20

标签: javascript jquery angular typescript

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'
}
]
}

Demo

0 个答案:

没有答案