javascript - 如何使用 Ag-Grid 动态增加行高?

标签 javascript css ag-grid

我有一张使用 ag-Grid 的表格。我想根据单元格中的文本调整行高。在文档中 https://www.ag-grid.com/javascript-grid-row-height/index.php它是针对特定列给出的。但就我而言,任何列都可以包含更多文本。那么如何根据任何列中的最大文本大小调整行高。

$scope.gridOptions = {
            angularCompileRows: true,
            enableColResize: true,
            enableSorting: true,
            enableFilter: true,
            groupHeaders: true,
            suppressCellSelection: true,
            columnDefs: cols,
            rowData: statusPageObj.rows,
            onGridReady: opmGridReady,
            angularCompileRows: true,
            headerHeight: 45,
            /*rowHeight: 50,*/
            getRowHeight: function(params) {
               return 50;
            }

        };

最佳答案

您可以根据文本长度确定行高。

gridOptions.getRowHeight = function() {
     return 18 * (Math.floor(params.data.myDataField.length / 45) + 1);
}

关于javascript - 如何使用 Ag-Grid 动态增加行高?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39978596/

相关文章:

javascript - AG-Grid 'Flat' 列组

javascript - Angular 元素中的 CSS 不适用,除非放在/src 目录中

javascript - 使用 Service-Worker React 的离线页面

javascript - 将 select2 应用于 ckeditor 中的对话框元素

html - CSS:调整div的大小以适应绝对定位的内容

css - jQuery-Dialog 中的样式表

javascript - 如何使信息仅在使用 jquery 和 css 悬停时出现?

ag-grid - 如何禁用 ag-grid 的右键单击/上下文菜单?

javascript - 如果该 div 上没有事件发生,则在一段时间后隐藏该 div

javascript - 使用循环添加标签字段(ExtJs 2.3.0)