Question

我在应用程序中使用jqGrid，我想使用自己的样式。第一步是我要删除当我点击一行时jqGrid css具有的黄色突出显示。我试图找到它但没有成功。如果有人知道如何切换突出显示请告诉我。另请注意我必须在哪个css文件中进行更改。

Answer 1

最佳解决方案是将此代码添加到您的jqGrid参数中，而不是更改css

beforeSelectRow: function(rowid, e) {
    return false;
},

Answer 2

在加载jquery.ui.css以覆盖样式后创建以下CSS声明：

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid red !important; // Desirable border color background: none !important; // Desirable background color color: black !important; // Desirable text color }

Answer 3

您可以在jquery-ui.css文件中编辑此css。这是您需要修改的ui-state-highlight类。祝你好运。

Answer 4

假设我们有两个名为＆＃34; holdRow＆＃34;的类。蓝色背景和＆＃34; HighlightHoldRow＆＃34;对于黄色背景然后使用下面的代码＆＃34; RowSelect＆＃34;是在行选择期间调用的方法

考虑以下代码

   .holdRow td {
font-weight : bold !important;
color: Blue !important;
  }

   .higLightholdRow td {
font-weight : bold !important;
color: Yellow !important;

}

   var LastRowId = "";
    function RowSelect(id) {
if (Flag == "TRUE") {
    var grid = $('#gvName);
    if (LastRowId != "" && LastRowId != undefined && LastRowId != id) {
        tr = grid[0].rows.namedItem(LastRowId);
        $(tr).removeClass("higLightholdRow");
        $(tr).addClass("holdRow");
        LastRowId = "";
    }
    tr = grid[0].rows.namedItem(id);
    $(tr).removeClass("holdRow");
    $(tr).addClass("higLightholdRow");
    LastRowId = id;

}

}

   ClientSideEvents-RowSelect="RowSelect"

在选择行期间调用RowSelect方法，所选行将以黄色作为背景，其余行将以蓝色作为背景

如何删除黄色突出显示的行

4 个答案: