jqgrid 设置隔行换色

有时，为美观效应，需要设置jqgrid隔行换色。jqgrid提供altRows属性来配置

启动隔行换色：altRows: true,//隔行换色

    $("#filterGrid").jqGrid({
        altRows: true,//隔行换色
        data: newFilterArr,
        editurl: ‘clientArray‘,
        styleUI: ‘Bootstrap‘,
        datatype: "local",
        page: 1,
        colModel: colArr,
        loadonce: false,
        viewrecords: true,
        shrinkToFit: false,
        autoScroll: false,
        height: window.innerHeight * 0.6,
        width: $(".modal-body").width(),
       // autowidth: true,
        pager: "#filterGridPager"
    });

时间： 2024-10-22 04:29:31

jqgrid 设置隔行换色的相关文章

c#dev gridview 设置隔行换色等

1:禁止gridview编辑 2:隔行换色介绍一些常用的gridcontrol设置. 1.设置隔行变色.首先设置显示隔行变色,步骤:OptionsView-->EnableAppearanceEvenRow-->true和OptionsView-->EnableAppearanceOddRow-->true;然后设置奇数行和偶数行样式颜色等:Appearance-->EvenRow和Appearance-->OddRow.设计完成后,设计器出现隔行变色效果,如图: 2

实现table、列表隔行换色

为了增强用户体验,快速识别行内容,一般都会在一些列表或者表格设置隔行换色~ 本人了解到的有两种常用的方法~ 1,利用CSS进行隔行换色 tr{ background: #E0F0FA;} tr:nth-child(2n){ background: white;} //规定属于其父元素的第2n(第偶数个)个子元素的每个 tr 的背景色 tr{ background-color: expression((this.sectionRowIndex % 2 == 0) ? "#E0F0FA"

SSRS 2012 聚合函数 -- 隔行换色示例

SSRS 2012 聚合函数 -- 隔行换色示例有时我们希望报表能够显示出数据笔数的流水序号,如果要使用T-SQL查询来做出这种效果,通常必须使用RANK函数以自动产生编号,在此将介绍如何使用SSRS的RowNumber(RunningValue也可以做到)聚合函数来做出自动编号,以及将数据单元格根据序号进行隔行换色的效果. 步骤1: 使用之前的数据集,设计一张以产品大类为组的每日销售量明细表. 步骤2: 我们在交易日右方的数据单元格中撰写以下表达式(以下两者皆可).即可显示出数据序号: =R

JavaScript表格的隔行换色开发

Html代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>隔行换色</title> </head> <body> <table id="tab1" border="1" width="800" align="center" >

08.01《jQuery》——隔行换色jQuery实现

这是HTML代码和jQuery的触发代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="tableChangeColor_byself.css"/> <sc

JS——表格的隔行换色

1.不使用JS完成表格的隔行换色: <html> <head> <meta charset="utf-8"> <title>成绩登记表格</title> </head> <body> <table width="600" border="1" align="center" cellpadding="5" cellspa

JQ——选择器的应用（表格的隔行换色、全选和全不选）

1.表格的隔行换色: (1)核心代码: <script> $(function(){ $("tbody tr:even").css("background-color","red"); $("tbody tr:odd").css("background-color","yellowgreen"); }); </script> 获取tbody中的元素,并对奇数行和偶

2、开关灯-选项卡-隔行换色

一. <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> html,body{ margin: 0; padding: 0; width: 100%; height: 100%; cursor: pointer; } </style> </hea

网页设计制作CSS实现隔行换色两种方法

网页设计制作CSS实现隔行换色两种方法 2007-12-21 20:59:44 来源:网页教学网网页设计制作,CSS实现隔行换色两种方法: 第一种方法: 以下为引用的内容:<style type="text/css">UL.myul1 LI{}</style><ul class="myul1"><li id="li1">111</li><li id="li2"