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中的操作按钮之前添加按钮

但即使在此代码中使用了很棒的字体类，它们也会显示为 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 操作按钮。

如果使用 font awesome ，如何增加内联操作按钮的大小？如何为自定义 jquery ui 操作按钮使用字体真棒图标按钮？

4

1 回答 1

1

您可以通过多种方式解决问题。例如，您可以添加如下 CSS 规则

.jqgrow .ui-jqgrid-actions > .ui-pg-div > span { font-size: 24px; }

或者

.jqgrow .ui-pg-div > span.fa { font-size: 24px; }

演示演示了结果。它还使用另一个width值作为默认值

{ name: "act", template: "actions", width: 72 }
于 2015-03-10T22:05:56.413 回答