angular - 如何在泳道 ngx-datatable 中显示自定义格式的嵌套键

Question

<ngx-datatable
   [rows]="services"
   [columns]="columns">
</ngx-datatable>

我可以通过以下方式显示嵌套数据：

{ prop: order.product.price }

你如何连续显示自定义计算？如果我想对价格收取费用怎么办

{ prop: 'order.product.price + order.fee' }

我想我需要访问该行中的其他值。

Answer 1

不幸的是，ngx 数据表似乎受限于它的 prop 字段，因为它不需要计算。我个人通过利用Typescript accessors解决了这个问题。在你的情况下，它会像

get priceAndFee() { return this.product.price + this.fee; }

... prop="order.priceAndFee" ...

如果您认为这很麻烦，那我们就两个人。

Answer 2

使用ng-template. 例如：

     <ngx-datatable-column name="Order Price+Fee">
        <ng-template let-row="order" ngx-datatable-cell-template>
          <div>{{order.product.price + order.fee}}</div>
        </ng-template>
      </ngx-datatable-column>

我没有测试你的具体代码，但这是一种方法。试一试并根据您的要求采用

欲了解更多信息：

官方文档模板参​​考

官方代码示例