html - 如何在wijmo网格单元内的字符串中换行？

Question

这是我的打字稿文件。我将此数据绑定到 wijmo 网格。我需要在“shankar”和日期“12/10/2018”之间换行。

this.dataSource.push({
Name: 'John',
Select: 'Selected',
lastmodified: 'Shankar' +'/n'+ 
'12/10/2018'
  });

“/n”和“/br”不起作用。

我的 wijmo 的 HTML 代码

<wj-flex-grid-column *ngFor="let col of columnDefinitions" 
[minWidth]="200" width="*"
[header]="col.header" [binding]="col.binding" [visible]="col.visible" 
[allowDragging]="false" [wordWrap]="true" >
 </wj-flex-grid-column>

提前致谢！

Answer 1

您还需要将列的 multiLine 属性设置为 true。

<wj-flex-grid-column *ngFor="let col of columnDefinitions" [minWidth]="200" width="[header]=" col.header " [binding]="col.binding " [visible]="col.visible " 
    [allowDragging]="false " [wordWrap]="true " [multiLine]="true">
</wj-flex-grid-column>

此外，行的大小会更小，因此您将无法看到下一行的数据。因此，您需要使用以下方法设置行的默认大小：

flexGrid.rows.defaultSize = 50;