web-dev-qa-db-ja.com

Ag-Grid-複数行のテキストを含む行

Angular Grid (バージョン1.16.1)を使用していて、テーブル内に長いテキストを表示する必要があり、行の高さをコンテンツによって調整し、必要に応じて改行します。

私はもう試した:

  • sizeColumnsToFitメソッド。ag-gridがその内容によって列のサイズを変更できることを期待しています。

  • gridOptionsのsetRowStyleメソッド:コンテンツによって卵の高さを調整するCSSクラスを追加しました(例: 'Word-wrap': 'break-Word');

  • minWidthとwidth:平均列サイズを計算しましたが、ag-gridはそれを尊重しませんでした。

  • gridOptionsのcellStyle: "setRowStyle"と同じ方法ですが、CSSクラスでは成功しませんでした。

誰か別の提案がありますか?

12

運が悪かったcssで試してみましたが、動的な行の高さを調べましたか?ここで例を参照してください: https://www.ag-grid.com/angular-grid-row-height/index.php 。テキストの長さを使用して、各行の高さを計算します。例の抜粋は次のとおりです。

getRowHeight: function(params) {
    // assuming 50 characters per line, working how how many lines we need
    return 18 * (Math.floor(params.data.latinText.length / 45) + 1);
}
2
philoniare