12

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

私はもう試した：

  • ag-grid がそのコンテンツによって列のサイズを変更できることを期待する sizeColumnsToFit メソッド。

  • gridOptions の setRowStyle メソッド: 内容によってローの高さを調整する CSS クラスを追加しました (例: 'word-wrap':'break-word');

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

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

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

4

1 に答える 1

2

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);
}
于 2016-03-17T21:37:22.263 に答える