Question

当字体大时，自动调整大小（无论采用哪种方式）都会修剪列数据。

我在来自https://www.ag-grid.com/javascript-grid-resizing/#

的 plnkr.com 链接上尝试了它

我将行的样式设置为 20px字体大小，此后自动调整大小无法正常工作。如图所示，“国家/地区”和“日期”列在“全部自动调整大小”之后并在双击以自动调整单个列的大小后被切掉。 plnkr sample

有什么想法吗？

谢谢

Answer 1

您可以通过应用bigfont类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自动列大小不起作用

1 个答案: