带有条带和冻结列的JqGrid问题

Question

我将带状和冻结列装入网格。正确加载。第一行是白色，第二行是灰色。在其中一列上执行排序时，冻结的一侧以灰色开始，而另一侧以白色开始。

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

.myAltRowClass {背景：＃E0E0E0;}jqTreeGrid-测试斑马listaData = [{“ 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 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 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 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 = [{标签：“模块”，名称：“模块”，宽度：160，冻结：true}，{标签：“选项”，名称：“选项”，宽度：160，冻结：true}，{label：'Description'，name：'termDescription'，width：160，cellattr：function（rowId，tv，rawObject，cm，rdata）{return'style =“ white-space：normal！important;”'}，冻结：true}，{标签：“ Strucuture”，名称：“ menuStructure”，宽度：80}，{标签：'termId'，名称：'termId'，宽度：10，隐藏：true}，{label：'Pt'，名称：'languagesTerms.0'，宽度：100，cellattr：函数（rowId，tv，rawObject，cm，rdata）{return'style =“ white-space：normal！important;”'} ，可编辑：false}，{label：'Pt'，名称：'languagesTips.0'，宽度：150，cellattr：函数（rowId，tv，rawObject，cm，rdata）{return'style =“ white-space：normal！important;”'} ，可编辑：false，隐藏：true}，{标签：'En'，名称：'languagesTerms.1'，宽度：100，可编辑：false}，{label：'En'，名称：'languagesTips.1'，宽度：150，可编辑：false，隐藏：true}，{标签：'Tu'，名称：'languagesTerms.2'，宽度：100，可编辑：false}，{label：'Tu'，名称：'languagesTips.2'，宽度：150，可编辑：false，隐藏：true}，{label：'Cn'，name：'languagesTerms.3'，width：100，editable：false}，{标签：“ Cn”，名称：“ languagesTips.3”，宽度：150，可编辑：false，隐藏：true}，{label：'Al'，name：'languagesTerms.4'，width：100，editable：false}，{label：'Al'，名称：'languagesTips.4'，宽度：150，可编辑：false，隐藏：true}，{label：'Ce'，name：'languagesTerms.5'，width：100，editable：false}，{label：'Ce'，名称：'languagesTips.5'，宽度：150，可编辑：false，隐藏：true}]；var lastSelection;jQuery（document）.ready（function（$）{jQuery（'＃jqGrid'）。jqGrid（{数据类型：“本地”，数据：listaData，高度：300，宽度：900，colModel：colModel，loadonce：是的，rinkToFit：否，rowNum：500，滚动：0multiSort：否，loadComplete：function（）{$（“ tr.jqgrow：odd”）。addClass（'myAltRowClass'）;}}）;$（“＃jqGrid”）。jqGrid（“ setFrozenColumns”）;}）;

谢谢

Answer 1

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

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