Как иметь несколько атрибутов поля в одном столбце -Syncfusion и Angular

Question

Я работаю с Angular и Synfusion.Интересно, как иметь несколько атрибутов в одном столбце.Документация Synfusion не очень полезна ..

  <ej-grid id="Grid" #grid [dataSource]="datasource.infos" allowPaging="true" allowFiltering="true" selectionType="single" allowSelection="true"
    [selectionSettings]="selectionMode" (rowSelected)="rowSelected()" (cellSelected)="onCellSelected($event)">
      <e-columns>
          <e-column field="forename"  headerText="Fullname"></e-column>
      </e-columns>
  </ej-grid>

В <e-column field="forname" headerText <e-column field="forename" headerText="Patient"></e-column> Мне также нужна фамилия в этом поле, но я не знаю, как это сделать с Syncfusion.В столбце «фамилия forname» должен быть указан пробел между

У кого-нибудь есть идеи?

Answer 1

Запрос: « В столбце« Фамилия имени »должен отображаться пробел между »

Из вашего запроса мы понимаем, что в одном столбце необходимо отобразить два значения столбца.Мы выполнили ваше требование, используя шаблон столбца функцию ejGrid.См. Приведенный ниже пример кода

<ej-grid #grid [dataSource]="gridData" allowPaging="true"> <e-columns> <e-column field="EmployeeID" [isPrimaryKey]="true" headerText="ID" textAlign="right" width="90"></e-column> <e-column field="TitleOfCourtesy" headerText="TitleOfCourtesy" textAlign="right" width="90"></e-column> <e-column headerText="FirstName - LastName" width="150"> <ng-template e-template let-data> <div *ngIf="data.FirstName"> {{data.FirstName}} - {{data.LastName}} </div> </ng-template> </e-column> <e-column field="Title" headerText="Role" textAlign="right" width="80"></e-column> <e-column field="Address" headerText="ShipCity" editType="dropdownedit" width="90"></e-column> <e-column field="PostalCode" headerText="ShipPostalCode" width="90"></e-column> </e-columns> </ej-grid>

См. Приведенный ниже снимок экрана для вывода

введите описание изображения здесь

См.наша справочная документация для справки

https://help.syncfusion.com/angular/grid/columns#column-template

Пожалуйста, дайте нам знать, если у вас есть какие-либо вопросы.