2017-10-12 73 views
0

我正在使用ag-Grid在Web应用程序中显示数据数据网格。ag-Grid列标题文本不会自动在Safari中截断

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

enter image description here

然而,观看在Safari完全相同的表时(V 11.0),而不是截断,列标题文本完全不直到列被调整大小以适合显示。

enter image description here

当我在Safari浏览AG-Grid的自己的网站,对他们为榜样网格标题做截断,但我似乎无法找到任何特定的属性,让我改变这是否发生。

有关如何解决此问题的任何想法,以便在Chrome浏览器中截断Safari列标题将不胜感激!

回答

0

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

为了解决这个问题,我包括在我的CSS如下:

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