0

我有一些显示如下的文本：

columnDefs: [
field: "text", displayName: 'Text', width:'20%',
    cellTemplate: '<div class="ngCellText" ng-class="col.colIndex()"><span ng-repeat = "text in COL_FIELD" ng-cell-text>{{text.name}}{{$last ? "" : ", "}}</span></div>'}
]

它基本上循环遍历我在 .js 文件中声明的“文本”变量数组，并在单元格中显示内容。有没有办法包装文本，使其围绕我提供的 20% 宽度？我知道style="white-space: normal可以进行文本换行，但我不确定如何将其与我上面的语句结合起来。如果有人可以提供帮助，那就太好了。

谢谢！

4

1 回答 1

2

您应该能够在单元格中输入所需的数据，然后使用以下 CSS 代码将允许在网格单元格中换行文本。

/* CSS to allow text wrapping */
.ui-grid-viewport .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important;
}

.ui-grid-row, .ui-grid-cell {
  height: auto !important;
}

.ui-grid-row div[role=row] {
  display: flex ;
  align-content: stretch;
}
/* End of CSS to allow text wrapping */
于 2018-04-03T23:00:02.360 回答