LayUI相关

一、layui数据表格隔行变色，单击行增加背景色

    //定义点击事件
    table.on('row(gridTable)', function (obj) {
        var datas = table.cache["gridTable"];
        //隔行换色，显示当前行
        for (var i = 0; i < datas.length; i++)//countNum为总行数
        {
            if (i % 2 == 0) { //设置隔行换色
                $("[lay-id='gridTable'] tbody tr[data-index=" + i + "]").attr({ "style": "background:#D1EEEE;color:#666666" });//恢复原有tr颜色
            } else {
                $("[lay-id='gridTable'] tbody tr[data-index=" + i + "]").attr({ "style": "background:#fff;color:#666666" });//恢复原有tr颜色
            }
        }
        $(this).attr({ "style": "background-color:#1E9FFF;color:#ffffff" });

        var data = obj.data.baseInfoId; // 获得当前行数据
        table.reload('gridTable1', {
            url: "/Report_Areas/JDBaseInfo/GetJDBaseDataList?t=" + new Date(),
            where:
            {
                baseInfoId: data
            },
            page: { curr: 1 }
        });
    });

二、

标签：gridTable,color,LayUI,tr,隔行,table,相关,data
来源： https://www.cnblogs.com/chenze-Index/p/14214923.html