如何使免费的 jqrid 字体真棒动作按钮更大
How to make free jqrid font awesome action buttons bigger
使用免费的 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}]
使用来自
的代码添加了其他按钮
how add button before action buttons in jqgrid
但它们显示为 jquery ui 按钮,即使在此代码中使用了很棒的字体 类。
使用 JQgrid set row height
中的代码增加了 jqgrid 行高
.ui-jqgrid tr.jqgrow td {
height: 2.8em !important;
}
但是内联格式化程序操作按钮对于平板电脑来说太小了。
使用
增加了工具栏按钮的大小
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div > span {
font-size: 20px;
}
来自 How to make jqgrid top toolbar custom buttons bigger like standard buttons
但这不影响内联操作按钮。
我尝试使用
.ui-icon {
zoom: 1.5;
}
但这只会更改 jquery ui 个操作按钮。
如果使用 awesome 字体,如何增加内联操作按钮的大小?
如何为自定义 jquery ui 操作按钮使用超棒的字体图标按钮?
您可以通过多种方式解决问题。例如,您可以添加 CSS 规则,如下所示
.jqgrow .ui-jqgrid-actions > .ui-pg-div > span { font-size: 24px; }
或
.jqgrow .ui-pg-div > span.fa { font-size: 24px; }
The demo 演示结果。它另外使用另一个 width
值作为默认值
{ name: "act", template: "actions", width: 72 }
使用免费的 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}]
使用来自
的代码添加了其他按钮how add button before action buttons in jqgrid
但它们显示为 jquery ui 按钮,即使在此代码中使用了很棒的字体 类。
使用 JQgrid set row height
中的代码增加了 jqgrid 行高.ui-jqgrid tr.jqgrow td {
height: 2.8em !important;
}
但是内联格式化程序操作按钮对于平板电脑来说太小了。
使用
增加了工具栏按钮的大小.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div > span {
font-size: 20px;
}
来自 How to make jqgrid top toolbar custom buttons bigger like standard buttons 但这不影响内联操作按钮。
我尝试使用
.ui-icon {
zoom: 1.5;
}
但这只会更改 jquery ui 个操作按钮。
如果使用 awesome 字体,如何增加内联操作按钮的大小? 如何为自定义 jquery ui 操作按钮使用超棒的字体图标按钮?
您可以通过多种方式解决问题。例如,您可以添加 CSS 规则,如下所示
.jqgrow .ui-jqgrid-actions > .ui-pg-div > span { font-size: 24px; }
或
.jqgrow .ui-pg-div > span.fa { font-size: 24px; }
The demo 演示结果。它另外使用另一个 width
值作为默认值
{ name: "act", template: "actions", width: 72 }