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 に答える