Ag-Grid - 带有多行文本的行

时间:2016-03-17 18:21:47

标签: css angularjs row-height ag-grid

我正在使用Angular Grid(版本1.16.1)并且我需要在表格中显示一个长文本,我希望行高可以根据内容进行调整,必要时会打破行。 / p>

我试过了:

  • sizeColumnsToFit方法,期望ag-grid可以按内容调整列的大小;

  • 在gridOptions上的
  • setRowStyle方法:我已经添加了CSS类来根据内容调整roe高度(例如:'自动换行':' break-word' );

  • minWidth和width:我计算了平均列大小,但ag-grid并不尊重它;

  • gridIptions中的
  • cellStyle:与" setRowStyle"相同,但CSS类没有给我任何成功;

有没有人有其他建议?

1 个答案:

答案 0 :(得分: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);
}