2016-08-18 14 views
0

MVCアプリケーションでjqGridを取得しました。以下に示すスタイルのカスタムCSSファイルを追加してフォントサイズを増やしました。正しく働いjqGridフッターの高さを増やす

.ui-jqgrid, 
.ui-jqgrid .ui-jqgrid-view, 
.ui-jqgrid .ui-jqgrid-pager, 
.ui-jqgrid .ui-pg-input { 
    font-size: 14px; 
} 

のcustom.css

。しかし、今問題は、グリッドのフッターが拡張されず、フォントサイズが正しく表示されることです。

jqGrid Footer

あなたが見ることができるように、ページ番号オフポケットベルカット。私はStackOverflowにhereが見つかりましたソリューションを実装しようとしましたが、それはフッターを変更しませんでした。

.ui-jqgrid .ui-jqgrid-sdiv .footrow { height: 55px } 

のcustom.css

誰かがjqGridフッターの高さを増やす方法で私を助けて気にしませんか?

+1

のようなものを試してみてくださいfree-jqgrid/jqGrid)4.14.4、コマーシャル[Guriddo jqGrid JS](http://guriddo.net/?page_id=103334)5.1.1またはバージョン<= 4.7の古いjqGrid)。 jqGrid 4.14.4をjqGridファイルに変更して無料でお試しください([wiki](https://github.com/free-jqgrid/jqGrid/wiki/Access-free-jqGrid-from-different-CDNsを参照)。 ))。ちなみに**フッタ**はページャの*上*ですので、 '.ui-jqgrid .ui-jqgrid-sdiv .frowrow {height:55px}'はあなたを助けません。 – Oleg

+1

**古いjqGridを**使用する必要があり、新しいバージョンの無料のjqGridにアップグレードできない場合にのみ、問題を解決するために '.ui-jqgrid> .ui-jqgrid-pager {height:自動;最小高さ:25px; font-size:14px; }または '.ui-jqgrid> .ui-jqgrid-pager'の高さをページャー全体の' font-size'を増やすことなく増加させるだけです。例えば.ui-jqgrid .ui-pg-input {height:16px;}のように '.ui-jqgrid .ui-pg-input'の' height'を増やす必要があります。 font-size:14px; } ' – Oleg

+0

オレグには申し訳ありません。ここにバージョンがあります。 jQuery JavaScriptライブラリv1.12.4 jQuery UI - v1.12.0 - 2016-08-16 jqGrid by Trirand v4.4.4 – Nathon

答えて

1

それはあなたが常に**どのjqGridのバージョンを使用するとjqGridのフォーク**([無料jqGrid](https://github.com/からの書き込みすることが重要です。この

$(pager_id).css({"height":"55px"}); 
+0

これは部分的に動作したedbird88です。フッタは今より大きくなりましたが、現在のページ番号を保持するようなコントロールはそれ以上大きくはありません。これは、ページ番号がまだ切り取られていることを意味します。 – Nathon

+0

皆さんありがとうございます!あなたは私を正しい道に置いた。最終的にこれが私のために解決したものです。私はcustom.cssを次の内容に更新しました。 .ui-jqgrid、 .ui-jqgrid .ui-jqgridビュー、 .ui-jqgrid .ui-jqgrid-ページャ、 .ui-jqgrid .ui-PG入力{ フォントサイズ:14px; } .ui-jqgrid .ui-jqgrid-pager { \t高さ:25px; } .ui-jqgrid .ui-pg-input { \t高さ:22px; } – Nathon

関連する問題