jqgrid - 条带化和冻结列的 JqGrid 问题

Question

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

版本 4.15.6-free 如何调整颜色？在此处输入图像描述

    

    
    


     

    
    
    

    
    .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;"' }, 冻结： 真的}，
    {标签：'结构'，名称：'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");    
    });
    

    

    

        

    
    

谢谢

标签： jqgridfree-jqgrid

Answer 1

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

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