Блог

я создаю несколько таблиц с помощью инструмента ngx-datatable в angular 4. мне нужен один столбец ie. первый столбец этой таблицы не должен быть изменен, а все остальные столбцы должны быть упорядочены. кто-нибудь может мне помочь?

Вам нужно будет использовать draggable привязку входного свойства.

Я верю в ваш component.html ваш компонент ngx-datatable выглядит примерно так. Для первого ngx-datatable-column вам нужно будет установить draggable свойство первого столбца как false . Что касается других столбцов, вы можете установить draggable значение true , хотя значение draggable по умолчанию равно true, следовательно, на самом деле указывать его не нужно.

 <ngx-datatable #table class="bootstrap" [columns]="dataColumns">
  <!-- First column is not draggable -->
  <ngx-datatable-column [width]="30" [draggable]="false">
                            ...
  </ngx-datatable-column>
  <!-- The other columns are draggable -->
  <ngx-datatable-column *ngFor="let column of dataColumns| slice:1; let i = index;" name="{{column.name}}" prop="{{column.prop}}" [draggable]="true">
  ...
  </ngx-datatable-column>
</ngx-datatable>
  

И в вашем component.ts вам нужно будет определить свой dataColumns .

 dataColumns = [
    {
      prop: 'id',
      name: 'ID'
    },
    .
    .
    // other column definitions

]