jqGrid altRows并没有得到应用，甚至当我消除背景图像

问题描述：

这样一个简单的项目和这样一个神秘的问题。我加入了jqGrid的文档中的所有库和文件在我的index.html像这样：jqGrid altRows并没有得到应用，甚至当我消除背景图像

<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>

然后，我添加了不同的ID在HTML正文表：

<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主题如何不可见）的其他问题。尝试与乌黑，并没有影响（所有行变黑）。我看了所有的论坛，所有的问题，仍然无法弄清楚我的生活。

。 [见这里]（http://www.guriddo.net/documentation/guriddo/javascript/about/release-notes/）。你可以为此使用样式定义 –

@TonyTomov，现在这一切都有意义。感谢您的信息:) –

答

您应该使用更深 CSS选择器能够覆盖CSS规则在jQuery UI CSS中定义。相反.altRowsClass {...}规则如果使用[Guriddo的jqGrid（http://www.guriddo.net）这个选项被删除，不再有效，你应该使用.ui-jqgrid-btable .altRowsClass {...}或例如

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

我只是试图实现这个解决方案或东西在使选择器比这更具体的行，但它也没有工作。显然，jqGrid的问题在于，如果使用Gurrido jqGrid，它会完全删除altRows：true选项。 –

@IuliaMihet：你应该写出你使用的产品的正确名称。 “jqGrid”只存在于4.7版本中。之后，托尼提出产品**纪念**（见价格和新许可协议[这里]（http://guriddo.net/?page_id=103334））将产品更名为“Guriddo jqGrid JS”（参见[the交（http://www.trirand.com/blog/?p=1438））。与此同时，我开始使用名为[“free jqGrid”]（https://github.com/free-jqgrid/jqGrid）的*替代叉*，该软件可完全免费地在MIT和GPL v2许可下使用。 “免费jqGrid”尝试保持与旧jqGrid的最大兼容 – Oleg

我真的没有线索有两个不同的jqGrid库在这一点上。对困惑感到抱歉。 –

jqGrid altRows并没有得到应用，甚至当我消除背景图像

相关推荐