angular - 一个数据字段中的两列 - Devexpress Angular

Question

如何在一个数据字段中合并两列？

 <dxi-column
    dataField="[Year, Make, Model]"
    caption="Vehicle"
    width="auto"
    [minWidth]="100"
  ></dxi-column>

我想将 Year、Make 和 Model 字段组合在一列中，导致它们的值在显示在表格上时仅用空格分隔。

Answer 1

我使用 [cellTemplate] 解决了它

<dxi-column
    cellTemplate="vehicleTemplate"
    caption="Vehicle"
    width="auto"
    [minWidth]="100"
></dxi-column>

<div *dxTemplate="let item of 'vehicleTemplate'">
    <p class="">{{ item.data.Year }} {{ item.data.Make }} {{ item.data.Model }}</p>
</div>