2017-10-12 4 views
0

私はag-Gridを使用して、Webアプリケーションにデータデータグリッドを表示しています。ag-grid列ヘッダーテキストがSafariで自動的に切り捨てられない

カラムの見出しがカラムの幅より長い場合は、Chrome(v 60.0)とFirefox(v 56.0)の省略記号で自動的に切り捨てられます。

enter image description here

(11.0 V)Safariで同じ正確なテーブルを表示するのではなく、切り捨てる場合列が収まるようにサイズ変更されるまでは、列ヘッダテキストはまったく表示されません。

enter image description here

私はSafariでAG-グリッド自身のサイトを表示すると、その一例グリッド上のヘッダーが切り捨てんが、私は私がかどうか、これを変更することができるようになる任意の特定のプロパティを見つけることができないよう起こる

この問題を解決してSafariの列ヘッダーをChromeで切り捨てる方法について考えてみてください。

答えて

0

Safariでは、列ヘッダーのCSSプロパティがdisplay: table-cellであるのに対して、Chromeでは表示用の項目が指定されていないことが判明しました。

は、問題を解決するために、私は私のCSSに以下を含んでいた:

.ag-header-group-cell-label { 
    display: inline !important; 
} 
関連する問題