如何使用fontawesome增加jqgrid中的forward和prev图标?

时间:2017-07-11 14:52:03

标签: jquery jqgrid

我正在使用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图标存在问题。

0 个答案:

没有答案