私jqgrid
とGrid as Subgrid
. サブグリッドのみに異なるヘッダー スタイル (背景色など) を設定したいと考えています。
クラスを変更しようとしました.ui-jqgrid-htable,.ui-widget-header
が、メイン グリッドとサブグリッド ヘッダーの両方に影響があります。
サブグリッド ヘッダー スタイルのみを変更するにはどうすればよいですか?
たとえば、background
CSS スタイルをオンに設定して、列ヘッダーで使用されるデフォルトの背景画像と背景色を上書きできます。.ui-jqgrid .subgrid-data .ui-th-column
たとえば、次のデモでは、デフォルトの背景画像を削除しyellow
、次の CSS に関して背景色として設定します。
.ui-jqgrid .subgrid-data .ui-th-column { background: yellow }
結果は下の写真のようになります
UPDATED :サブグリッドから列ヘッダーをまったく削除することを検討できます。たとえば、サブグリッドに列が 1 つしかない場合 (autowidth: true
サブグリッドのオプションを追加で使用できます) や、サブグリッドにメイン グリッドと同じ列ヘッダーがある場合などに興味深いことがあります。詳細については、回答を参照してください。