我正在使用FontAwesome图标。它增加了其他图标,但没有增加前后图标。我已经包含了font-awesome.css,fontAwesome4.css,fontAwesome4.js。这是我的代码:
var $prowed1 = $grid.closest(".ui-jqgrid").find(".ui-pg-table");
$prowed1.find(".ui-pg-button > span.ui-icon-seek-first")
.removeClass("ui-icon ui-icon-seek-first")
.addClass("icon-step-backward");
$prowed1.find(".ui-pg-button > span.ui-icon-seek-prev")
.removeClass("ui-icon ui-icon-seek-prev")
.addClass("icon-backward");
$prowed1.find(".ui-pg-button > span.ui-icon-seek-next")
.removeClass("ui-icon ui-icon-seek-next")
.addClass("icon-forward");
$prowed1.find(".ui-pg-button > span.ui-icon-seek-end")
.removeClass("ui-icon ui-icon-seek-end")
.addClass("icon-step-forward");
.container {
width: 100% !important;
}
.ui-jqgrid .ui-jqgrid-titlebar {
height: 35px !important;
background: #fff;
color: #666;
padding: 10px 2px 1px 2px !important;
}
.ui-jqgrid {
border: 0px solid !important;
}
.ui-jqgrid .ui-jqgrid-hbox {
background: #666;
color: #fff;
}
.ui-jqgrid .ui-jqgrid-htable th {
font-size: 12px;
}
.ui-pg-table .ui-pg-button {
font-size: 150%;
}
仍然没有工作。网格代码的恢复与我们在普通jqgrid中编写它的方式相同。只有forward和prev图标存在问题。