条带化和冻结列的 JqGrid 问题

Question

我加载带有条带和冻结列的网格。正确加载。第一行是白色，第二行是灰色。 对其中一列执行排序时，冻结的一侧以灰色开始，另一侧以白色开始。

无版本 4.15.6 如何调整颜色？enter image description here

.myAltRowClass { 背景：#E0E0E0； } jqTreeGrid - 测试斑马 列表数据=[ {"termId":51843,"module":"M","option":"W","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["D","","","","",""],"languagesTips":[""," ","","","",""]}, {"termId":52192,"module":"M","option":"P","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","" ,"","","",""]}, {"termId":52338,"module":"B","option":"P","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","" ,"","","",""]}, {"termId":52339,"module":"B","option":"","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":"0 ","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","", "","","",""]}, {"termId":52341,"module":"B","option":"S","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","" ,"","","",""]}, {"termId":52342,"module":"B","option":"P","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","" ,"","","",""]}, {"termId":52343,"module":"B","option":"D","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","" ,"","","",""]}, {"termId":52344,"module":"B","option":"D","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","" ,"","","",""]}, {"termId":52345,"module":"B","option":"","termDescription":"xxx xxx xxx xxx xxx xxx xxxs","termWidth":"0","orderGrid":"0 ","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","", "","","",""]}, {"termId":52346,"module":"B","option":"P","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","" ,"","","",""]}, {"termId":52347,"module":"B","option":"P","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","" ,"","","",""]}, {"termId":52348,"module":"B","option":"","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":"0 ","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","", "","","",""]}, {"termId":52349,"module":"B","option":"P","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","" ,"","","",""]}, {"termId":52340,"module":"B","option":"","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":"0 ","menuStructure":"","quantityFrozenFields":0,"languagesTerms":["","","","","",""],"languagesTips":["","", "","","",""]}, {"termId":51848,"module":"B","option":"B","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"1","quantityFrozenFields":0,"languagesTerms":["B","B","x","y","z","w"],"languagesTips" :["B","","","","",""]}, {"termId":51841,"module":"B","option":"S","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"1.01","quantityFrozenFields":0,"languagesTerms":["P","S","","","",""],"languagesTips":["P ","","","","",""]}, {"termId":51842,"module":"B","option":"A","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"1.01.01","quantityFrozenFields":0,"languagesTerms":["S","A","","","",""],"languagesTips":[ "U","","","","",""]}, {"termId":52011,"module":"B","option":"U","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"1.01.01.01","quantityFrozenFields":0,"languagesTerms":["U","U","","","",""],"languagesTips":[ "","","","","",""]}, {"termId":51844,"module":"B","option":"P","termDescription":"xxx xxx xxx xxx xxx xxx xxx","termWidth":"0","orderGrid":" 0","menuStructure":"1.01.01.02","quantityFrozenFields":0,"languagesTerms":["P","Ps","","","",""],"languagesTips":[ "P","","","","",""]}]; var colModel = [{ label:'Module', name: 'module', width: 160, freeze: true}, {标签：'选项'，名称：'选项'，宽度：160，冻结：真}， { label:'Description', name: 'termDescription', width: 160, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal !important;"' }, freeze ： 真的}， {标签：'结构'，名称：'menuStructure'，宽度：80}， { 标签：'termId'，名称：'termId'，宽度：10，隐藏：true }， { label:'Pt', name: 'languagesTerms.0', width:100, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal !important;"' } ，可编辑：假}， { label:'Pt', name: 'languagesTips.0', width:150, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal !important;"' } ，可编辑：假，隐藏：真}， {标签：'En'，名称：'languagesTerms.1'，宽度：100，可编辑：false}， {标签：'En'，名称：'languagesTips.1'，宽度：150，可编辑：false，隐藏：true}， {标签：'Tu'，名称：'languagesTerms.2'，宽度：100，可编辑：false}， {标签：'Tu'，名称：'languagesTips.2'，宽度：150，可编辑：false，隐藏：true}， {标签：'Cn'，名称：'languagesTerms.3'，宽度：100，可编辑：false}， {标签：'Cn'，名称：'languagesTips.3'，宽度：150，可编辑：false，隐藏：true}， {标签：'Al'，名称：'languagesTerms.4'，宽度：100，可编辑：false}， {标签：'Al'，名称：'languagesTips.4'，宽度：150，可编辑：false，隐藏：true}， {标签：'Ce'，名称：'languagesTerms.5'，宽度：100，可编辑：false}， {标签：'Ce'，名称：'languagesTips.5'，宽度：150，可编辑：false，隐藏：true}]； var lastSelection ; jQuery(文档).ready(函数($) { jQuery('#jqGrid').jqGrid({ 数据类型：“本地”， 数据：列表数据， 身高：300， 宽度：900， colModel:colModel, 加载一次：真， 收缩适应：假， 行数：500， 滚动：0， 多重排序：假， 加载完成：函数（）{ $("tr.jqgrow:odd").addClass('myAltRowClass'); } }); $("#jqGrid").jqGrid("setFrozenColumns"); });

谢谢

Answer 1

您可能需要阅读文档并搜索此论坛。此功能内置在 jqGrid 中（希望在 free-jqGrid 中不会贬值）。您只需使用网格选项 altRows 并使用选项 altclass 来使用您的自己的班级。

您的问题在于同时使用两个功能 - loadComplete 和 FrozenColumns。