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;
}