即使我消除了背景圖片，jqGrid altRows也不被應用

Question

如此簡單的項目和如此神秘的問題。 我在index.html的jqGrid文檔中添加了所有庫和文件，如下所示：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="jqGrid/css/ui.jqgrid.css"/>
<link rel="stylesheet" type="text/css" media="screen" href="styles.css"/>

<script src="jqGrid/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="jqGrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="jqGrid/src/jquery.jqGrid.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>

然后，我在html正文中添加了具有各種ID的表：

<body>
   <table id="list2"></table>
   <table id="list3"></table>
   <table id="list4"></table>
</body>

最后但並非最不重要的一點，我在js中添加了帶有本地數據的表ID：

    $("#list3").jqGrid({
    datatype: "local",
    colNames: ['Fecha/Hora', 'Acceso', 'Resultado', 'Detalle Tipo Evento', 'APN', 'RNC(3G)/BSC(2G)', 'LAC', 'Celda', 'Vel. Max. Descarga', 'Vel. Max. Subida', 'Dispositivo'],
    colModel: [
        {name:'Fecha/Hora',index:'Fecha/Hora', width:200},
        {name:'Acceso',index:'Acceso', width:200},
        {name:'Resultado', index:'Resultado', width: 150},
        {name:'Detalle Tipo Evento', index:'Detalle Tipo Evento', width: 100},
        {name:'APN', index:'APN', width: 100},
        {name:'RNC(3G)/BSC(2G)', index:'RNC(3G)/BSC(2G)', width: 100},
        {name:'LAC', index:'LAC', width: 100},
        {name:'Celda', index:'Celda', width: 100},
        {name:'Vel. Max. Descarga', index:'Vel. Max. Descarga', width: 100},
        {name:'Vel. Max. Subida', index:'Vel. Max. Subida', width: 100},
        {name:'Dispositivo', index: 'Dispositivo', width: 120}
    ],
    autowidth: false,
    shrinkToFit: true,
    altRows: true,
    altclass: 'altRowsClass'
});

...並更新了我的styles.css文件以包含我在js中指向的類：

.altRowsClass {
  background-image: none;
  background-color: #007fff;
  border: 2px solid green;
}

我閱讀了有關名為altRow的表對象屬性和ui-lightness主題的其他問題（默認altClass主題如何不可見）。 嘗試使用ui-darkness，無效果（所有行均變為黑色）。 我瀏覽了所有論壇，所有問題，但終生都無法解決。

Answer 1

您應該使用更深的 CSS選擇器來覆蓋jQuery UI CSS中的CSS規則定義。 您應該使用.ui-jqgrid-btable .altRowsClass {...}而不是.altRowsClass {...}規則，例如

.ui-jqgrid-btable > tbody > .altRowsClass {
    background-image: none;
    background-color: #007fff;
    border: 2px solid green;
}

即使我消除了背景圖片，jqGrid altRows也不被應用

問題描述

1 個解決方案

解決方案1
0 2017-08-01 20:43:51

即使我消除了背景圖片，jqGrid altRows也不被應用

問題描述

1 個解決方案

解決方案1 0 2017-08-01 20:43:51

解決方案1
0 2017-08-01 20:43:51