ag-grid:当列名很长时,工具面板布局中断

时间:2017-12-30 05:45:52

标签: javascript ag-grid

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

这是一个证明问题的傻瓜:
https://plnkr.co/edit/r1FyN8hZILiuocXTX2Bw?p=preview

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

enter image description here

1 个答案:

答案 0 :(得分:2)

好像是CSS bug。这不是报告错误的正确位置。您应该将此问题报告给ag-grid。作为解决方法,只需添加到您的css(在ag-grid样式之后),例如:

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