добавить дополнительные столбцы в ngx-datatables - PullRequest
Новая
       7

добавить дополнительные столбцы в ngx-datatables

0 голосов
/ 02 ноября 2018

Я использую Angular 6 и использую ngx-datatable для добавления данных в мое приложение.

В файле шаблона я использую следующий код для отображения данных 

<ngx-datatable
  [columns]="columns"
  [columnMode]="'force'"
  [headerHeight]="40"
  [footerHeight]="50"
  [rowHeight]="'auto'"
  [limit]="10"
  [rows]='rows'>

  <ngx-datatable-column name="Actions" prop="action">
    <ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value" let-row="row">
      <button type="button" class="btn btn-outline-success">Success</button>
    </ng-template>
  </ngx-datatable-column>

</ngx-datatable>

и массив столбцов похож на 

columns = [
{
  prop: 'subsidiary.title',
  name: 'Subsidiary',
  sortable: true
},
{
  prop: 'app_name',
  name: 'App Name',
  sortable: true
},
{
  prop: 'app_url',
  name: 'App Url',
  sortable: true
},
{
  prop: 'db_host',
  name: 'Host',
  sortable: true
},
{
  prop: 'created',
  name: 'Created',
  sortable: true
},
{
  prop: 'action',
  name: 'Actions',
  sortable: false
}
];

Но это показывает только один столбец

enter image description here

Удаление <ngx-datatable-column> работает нормально, но нет Столбец действий .

enter image description here

Как добавить Action столбец или дополнительные столбцы в таблицу данных?

1 Ответ

0 голосов
/ 02 ноября 2018

Если вы укажете один ngx-datatable-column, вам придется указать их все. Вот почему все работает нормально в случае отсутствия явного столбца.

Это должно работать нормально, если вы добавляете другие столбцы явно - нет необходимости добавлять шаблон: 

<ngx-datatable-column name="Property 2" prop="prop2"></ngx-datatable-column>

... и т. Д.

...