jqgrid - JQGRID の上に配置されたフィルター ツールバーの高さを増やす方法

Question

グリッドの上にフィルター ツールバーを実装した jqgrid があります。すべてのフィルター ツールバーの列の高さを増やしたいのですが、正確なアイデアが得られません。Web で検索したところ、グリッドの .css ファイルを変更することで実行できることがわかりましたが、正確なコード スニペットは取得できませんでした。

また、グリッド行の高さを増やす必要があります。

$('#mytable').jqGrid('filterToolbar', {autosearch: true});

Answer 1

フィルタ ツールバーの高さは、 の数行で設定されui.jqgrid.cssます。デフォルトの高さは 20px です。たとえば 30px まで増やすには、CSS スタイル定義をページに追加して、 の設定を上書きしますui.jqgrid.css。たとえば、次のデモ(および検索操作を使用しない別のデモ) では、次のスタイルを使用します。

.ui-jqgrid .ui-search-table { height: 30px; }
.ui-jqgrid .ui-search-table .ui-search-oper { height: 30px; }
.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th { height: 32px; }

表示します

入力フィールドの可視性を向上させるためだけに、回答で説明されているスタイルもデモに追加しました。