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。在“姓氏”列中应显示空格

有人有主意吗？

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>

有关输出，请参考以下屏幕截图

enter image description here

请参阅我们的帮助文档以供参考

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

如果您有任何疑问，请告知我们。

如何在一列中具有多个字段属性-Syncfusion和Angular

1 个答案: