【问题标题】:ag-grid: tool panel layout breaks when column name is longag-grid:当列名很长时,工具面板布局会中断
【发布时间】:2017-12-30 14:29:43
【问题描述】:

当列名超过一定长度时,ag-grid 中的工具面板会以难看的方式中断。它下面的工具面板复选框选项最终看起来很糟糕。是否有解决此问题的方法?

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

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

【问题讨论】:

  • 我看到它对我来说显示得很好。你用的是什么浏览器?
  • @Niladri - 默认情况下工具面板未打开,但我更新了 plunkr 以更改该设置,因此如果您现在打开页面,您应该会看到问题。

标签: javascript ag-grid


【解决方案1】:

看起来像 CSS 错误。这不是报告错误的正确地方。您应该将此问题报告给 ag-grid。作为解决方法,只需在您的 CSS(在 ag-grid 样式之后)添加如下内容:

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

【讨论】:

  • 这是我们在应用中一直在做的事情。
猜你喜欢
  • 2017-04-30
  • 2022-09-29
  • 2019-09-12
  • 2018-07-05
  • 2019-08-05
  • 1970-01-01
  • 2021-04-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多