1

jqGrid で奇妙な問題が発生しました。問題は軽微で、機能よりもプレゼンテーションに関連しています。

フィルター ツールバーを切り替えると、列の入力の幅が列の幅に収まりません。実際には、それは列のそれ以上です。

http://www.trirand.com/blog/jqgrid/jqgrid.htmlのデモで同じ問題を確認できます。

検索 -> 操作付きツールバーを確認してください。デモをロードしたら、列インデックスのフィルター入力の幅を確認してください。

または、バージョン 3.5 の新機能 -> 統合検索ツールバーを確認できます。デモをロードしたら、フィルタ入力の幅を確認してください。

解決策はありますか？

よろしく

4

1 に答える 1

0

WebKit (Google Chrome 27.0.1453.110 および Safari) のバグのようです。問題を確認するだけでなく、さらにハートバグについて説明します。「検索」->「操作付きツールバー」の検索ツールバーに「長いテキスト」を入力しようとすると、次のような画像が表示されます

ここに画像の説明を入力

検索操作が表示されない場所。

jqGrid が要素の値でインラインstyleに設定され、WebKit が間違った方法でそれを計算します。回避策として、次の CSS を追加することをお勧めします。width<input>100%

.ui-jqgrid .ui-search-table .ui-search-input>input,
.ui-jqgrid .ui-search-table .ui-search-input>select { display: block }

デモを参照してください。

box-sizing: border-box;またはの使用法

.ui-jqgrid .ui-search-table .ui-search-input>input,
.ui-jqgrid .ui-search-table .ui-search-input>select {
     display: block;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

入力フィールドの可視性がさらに向上します (私の意見では)。次のデモでは、結果を示します。私の意見では、デモをテストしたすべての Web ブラウザーで、デモは同じように見えます。

UPDATED : 私は自分の提案でバグ レポートを投稿しました。現在 (こちらを参照)、対応する変更は github の jqGrid のメイン コードに既に含まれており、jqGrid の次のバージョン (4.5.2 以降) には、説明されている問題はこれ以上ありません。

于 2013-06-10T16:11:24.953 に答える