2

jqGridでフォントサイズを変更する方法からの回答に従って、jqgridのフォントサイズが大きくなっていますか?

使用して

.ui-jqgrid tr.jqgrow td {
    font-size: 1.2em;
}

残念ながら、これはインラインおよびフォーム編集要素のフォント サイズを変更しません。

無料の jqgrid インライン編集でセルの内容全体を占有し、フォーム編集とインライン編集の両方でフォント サイズを大きくする方法を探しています。

https://github.com/free-jqgrid/jqGrid/issues/52によると、スタイルを作成しました

.jqgrid-inlineedit-element {
    font-size: 1em !important;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

を使用して要素を入力および選択するためにこのスタイルを追加しました

class = "ui-widget-content jqgrid-inlineedit-element"

コルモデルで。インライン編集には、より大きな要素が含まれるようになりました。

ただし、jqgrid はこのクラスをフォーム編集にも自動的に適用します。これにより、フォーム編集で幅が広すぎたり小さすぎたりする高さフィールドが発生します (以下を参照)。これを修正する方法 

height: 100%;
width: 100%

フォーム編集には適用されず、フォント サイズは両方に適用されますか?

クラスから幅と高さを削除し、使用してcolmodelに追加することで、これを修正しようとしました

                        style = "width:100%;height:100%",

ただし、jqgrid はこれをフォーム編集にも適用するため、フォーム編集は依然として破損しています。おそらく、いくつかの css セレクターを使用して、インライン編集でのみ jqgrid-inlineedit-element スタイルを適用できます。

4

1 に答える 1

2

私が意味するのは、インライン編集またはセル編集のみの設定の使用です。フォームの編集に変更はありません。したがって、CSS ルールは次のようになります。

.jqgrow > td input.editable,
.jqgrow > td select.editable,
.jqgrow > td textarea.editable {
    height: auto;
    width: 100%;
    font-size: 1em;
    box-sizing: border-box;
}

あなたは付け加えられます

.jqgrow > td select.editable,
    height: 100%;
}

<select>100% の高さで表示したい場合。.editable上記のルールの一部を削除することを検討できます。クラスeditableはインライン編集要素に対してのみ追加されます

最後の発言:ui.jqgrid.css無料の jqGrid からすべての CSS 設定を変更して、内部にほとんど存在しないようにしまし!importantた (例外は、jQuery UI CSS で定義された CSS ルールを上書きすることです)。そのため、を使用せずに設定を変更できます!important。

于 2015-04-26T09:29:01.373 に答える