ag-Grid列标题文本不会自动在Safari中截断
问题描述:
我正在使用ag-Grid在Web应用程序中显示数据数据网格。ag-Grid列标题文本不会自动在Safari中截断
如果列标题的长度大于列的宽度,则会在Chrome(v 60.0)和Firefox(v 56.0)中使用省略号自动截断列标题。
然而,观看在Safari完全相同的表时(V 11.0),而不是截断,列标题文本完全不直到列被调整大小以适合显示。
当我在Safari浏览AG-Grid的自己的网站,对他们为榜样网格标题做截断,但我似乎无法找到任何特定的属性,让我改变这是否发生。
有关如何解决此问题的任何想法,以便在Chrome浏览器中截断Safari列标题将不胜感激!
答
经过一些并排比较后,我发现在Safari中,列标题的CSS属性为display: table-cell
,而Chrome没有指定任何要显示的内容。
为了解决这个问题,我包括在我的CSS如下:
.ag-header-group-cell-label {
display: inline !important;
}