jqgrid - css - グローバル テーブル { display:table-cell } を使用すると、テーブル セルがヘッダー セルに正しく配置されない

Question

関連のない jqGrid テーブル セルがすべての Web ブラウザ (IE、Firefox、Chrome、Safari など) で正しくレンダリングされるように、グローバル テーブルの css を設定しました。

table { display: table-cell; }

数年後、初めて jqGrid を使い始めたところ、表のセルが IE ではうまくレンダリングされているのに、Firefox、Safari、Chrome ではうまくレンダリングされていないことに気付きました。

では、jqGrid を適切にレンダリングするには、ui.jqgrid.css ファイルにどの css プロパティを挿入する必要がありますか?

ありがとう。

Answer 1

あなたの問題を正しく理解しているかどうか確信が持てません。私はあなたがCSSを持っている必要があると思います

table { display: table-cell; }

何らかの理由で jqGrid を正しく表示したい。CSSを追加するだけの場合

.ui-jqgrid table { display: table; }

jqGrid で使用されるすべてのテーブルの「グローバル」設定をオーバーライドします。

スタイルを使用し、グリッドを正しく表示するデモをご覧ください。