0

フリーの jqgrid 4.8 とフォントの素晴らしいアイコン セットが使用されています。

標準アクション ボタンは、colmodel を使用して定義されます。

[{"name":"_actions","search":false,"width":(37+15)+45
,"sortable":false,"formatter":"actions","viewable":false,"formatoptions":{"editbutton":true,"keys":true
,"delbutton":true}]

からのコードを使用して追加のボタンが追加されます。

jqgridでアクションボタンの前にボタンを追加する方法

ただし、このコードで font awesome クラスが使用されていても、jquery ui ボタンとして表示されます。

jqgrid の行の高さは、JQgrid セットの行の高さからのコードを使用して増加します

.ui-jqgrid tr.jqgrow td {
    height: 2.8em !important;
}

しかし、インライン フォーマッタのアクション ボタンはタブレットには小さすぎます。

ツールバーのボタンのサイズは、

.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div > span {
    font-size: 20px;
}

jqgridトップツールバーのカスタムボタンを標準ボタンのように大きくする方法からですが 、これはインラインアクションボタンには影響しません。

使ってみた

.ui-icon {
    zoom: 1.5;
}

ただし、これはjquery uiアクションボタンのみを変更します。

素晴らしいフォントが使用されている場合、インライン アクション ボタンのサイズを大きくするにはどうすればよいですか? カスタムjquery uiアクションボタンにフォントの素晴らしいアイコンボタンを使用するには?

4

1 に答える 1