如果字体很大，ag-grid 自动列大小不起作用

Question

当字体较大时，自动调整大小（无论以何种方式）会修剪列数据。

我在 plnkr.com link 上试过，来自：https://www.ag-grid.com/javascript-grid-resizing/#

我将行样式设置为 20px 字体大小，此后自动调整大小无法正常工作。在图像中看到，国家和日期列在 "Aut-Size all" 之后和双击以自动调整单个列的大小后在中间被切掉。 plnkr sample

有什么想法吗？

谢谢

Answer 1

您可以通过应用 bigfont class via cellClass 来解决此问题：

https://plnkr.co/edit/qzwOYqN6ybXJns0xDvqy?p=preview

var gridOptions = {
    defaultColDef: {
        resizable: true,
        cellClass: 'bigfont',
    },
    columnDefs: columnDefs,
    rowData: null,
    //rowClass: 'bigfont',
    onColumnResized: function(params) {
        console.log(params);
    }
};

发生这种情况是因为要计算单元格的宽度，ag-grid clones it。克隆的单元格没有某些父 DOM 结构，例如具有您指定的 rowClass.

的行

这是 ag-grid 中的一个边际错误。

与此相关，在 GitHub:

如果字体很大，ag-grid 自动列大小不起作用

ag-grid auto column size not working if font is big

autosize

ag-grid