javascript - ag-grid:当列名称很长时，工具面板布局会中断

Question

当列名称超过一定长度时，ag-grid 中的工具面板会以难看的方式中断。它下面的工具面板复选框选项最终看起来很糟糕。这个问题有解决办法吗？

这是一个演示该问题的 plunkr:
https://plnkr.co/edit/r1FyN8hZILiuocXTX2Bw?p=preview

    ...
    headerName: 'Game Name Is Too Long',
    field: 'game.name',
    width: 267,
    ...

Answer 1

似乎是 CSS 错误。这不是报告错误的正确位置。您应该向 ag-grid 报告此问题。作为解决方法，只需添加到您的 css(在 ag-grid 样式之后)，如下所示:

.ag-column-select-label {
    max-width: 140px;
    text-overflow: ellipsis;
    overflow: hidden
}