在 ngx-datatables 中添加额外的列

Question

我正在使用 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
}
];

但是这只显示了一列

删除 <ngx-datatable-column> 工作正常，但没有 Action 列。

如何在数据表中添加 Action 列或其他列？

Answer 1

如果指定一个 ngx-datatable-column，则必须全部指定。这就是为什么在没有显式列的情况下一切正常的原因。

如果您显式添加其他列，它应该可以正常工作 - 无需添加模板：

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

...等等

在 ngx-datatables 中添加额外的列

addign additional columns in ngx-datatables

ngx-datatable

angular