ag-Grid 列标题文本不会在 Safari 中自动截断

Question

我正在使用 ag-Grid 在 Web 应用程序中显示数据数据网格。

如果列标题长于列宽，在 Chrome (v 60.0) 和 Firefox (v 56.0) 中会自动用省略号截断。

但是，当在 Safari (v 11.0) 中查看相同的确切表格时，在调整列大小以适合之前，列标题文本不会显示，而不是截断。

当我在 Safari 中查看 ag-Grid 自己的网站时，他们的示例网格上的标题会被截断，但我似乎找不到任何特定的属性可以让我改变这种情况是否发生。

任何关于如何解决此问题的想法，以便 Safari 列标题像在 Chrome 中一样被截断，我们将不胜感激！

Answer 1

经过一些并排比较后，我发现在 Safari 中，列标题的 CSS 属性为 display: table-cell，而 Chrome 没有指定任何显示内容。

为了解决这个问题，我在我的 CSS 中加入了以下内容：

.ag-header-group-cell-label {
    display: inline !important;
}