css - Ag-Grid - 多行文本行

标签 css angularjs row-height ag-grid

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

我试过:

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

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

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

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

有人有其他建议吗?

最佳答案

我已经用 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);
}

关于css - Ag-Grid - 多行文本行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36068743/

相关文章:

css - 使用 Compass 进行多重转换

CSS:以 "crashing"间隔 float "random"

javascript - IE 窗口失去对使用任何 XMLHttpRequest 启动 Angular 应用程序的关注

javascript - Stripe 结帐表单和服务器验证

ios - 在 heightForRowAtIndexPath 中推断行高

java - 在java中设置JTable中行的高度

php - "Paginating"具有动态定义的按钮数量的滚动选项卡组

javascript - AngularJS - 模块 - Controller 访问问题

css - float div 内的三个不同大小的行

html - 增加我的导航栏大小/高度会使我的 Bootstrap 全高列消失