Question

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

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

{ prop: order.product.price }

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

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

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

Answer 1

使用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>

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

欲了解更多信息：

Official Documentation templateref

Official Code example

Answer 2

不幸的是，ngx数据表似乎受其prop字段的限制，因为它不进行计算。我亲自利用Typescript accessors来解决这个问题。在您的情况下，它将类似于

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

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

如果您认为这很麻烦，那将使我们两个人成为现实。

如何在swimlane ngx-datatable中显示自定义格式化嵌套键

2 个答案: