Two column in one datafield - Devexpress Angular

Question

How to combine two columns in just one dataField?

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

I want to combine the Year, Make, and Model field in just one column, resulting their values will just separated by a space when displayed on a table.

score 3 · Answer 1 · answered Dec 12 '19 at 01:31

I solved it using [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>

Two column in one datafield - Devexpress Angular

1 Answers1