【问题标题】:Ag-Grid - Row with multiline textAg-Grid - 多行文本行
【发布时间】:2016-03-17 18:21:47
【问题描述】:

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

我试过了:

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

  • gridOptions 的 setRowStyle 方法:我添加了 CSS 类来根据内容调整鱼子的高度(例如:'word-wrap':'break-word');

  • minWidth 和宽度:我已经计算了平均列大小,但 ag-grid 没有考虑它;

  • gridOptions 的 cellStyle:与“setRowStyle”相同,但 CSS 类没有给我任何成功;

有人有其他建议吗?

【问题讨论】:

  • 您没有升级到更高版本的选项吗? getRowHeight 是来自version 3.1.2 的可用回调

标签: css angularjs row-height ag-grid


【解决方案1】:

我用 css 尝试过,但没有成功,你有没有研究过动态行高?在此处查看示例:https://www.ag-grid.com/angular-grid-row-height/index.php。它使用文本的长度来计算每一行的高度。这是示例中的一个 sn-p:

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);
}

【讨论】:

  • 是的,我试过了,但是1.16.1版本没有这个功能
猜你喜欢
  • 2022-11-30
  • 2017-12-04
  • 2017-02-26
  • 2019-07-22
  • 2018-10-27
  • 1970-01-01
  • 2017-08-31
  • 2021-09-03
  • 2020-05-01
相关资源
最近更新 更多