jqgrid行变颜色

JqGrid（基于jQuery的网格插件）允许你在表格的不同状态下改变单元格的颜色。你可以通过定制CSS样式和使用`rowStyle`回调函数来自定义行的颜色。下面是一个简单的示例：

1. 首先，在HTML中包含jqGrid所需的CSS文件，并创建一个简单的jqGrid实例：

<link rel="stylesheet" href="path/to/jqgrid/css/ui.jqgrid.css" />
<script src="path/to/jquery.js"></script>
<script src="path/to/grid.locale-en.js"></script>
<script src="path/to/jquery.jqGrid.min.js"></script>

<div id="myGrid" style="width: 700px;"></div>

2. 然后在JavaScript中设置`rowStyle`，它接受当前行的数据作为参数：

$(document).ready(function() {
    $("#myGrid").jqGrid({
        url: 'your_data_url',
        datatype: 'json',
        colNames: ['Name', 'Age'],
        colModel: [
            { name: 'name', index: 'name', width: 100 },
            { name: 'age', index: 'age', width: 80 }
        ],
        rowNum: 10,
        pager: '#pager',
        rowNum: 10,
        rowList: [10, 20, 30],
        height: 'auto',
        rowStyle: function(rowid, rowdata, iRow, iCol, eRow) {
            if (rowdata.status === 'active') {
                return { backgroundColor: 'green' };
            } else if (rowdata.status === 'inactive') {
                return { backgroundColor: 'red' };
            } else {
                return {};
            }
        }
    });
});

在这个例子中，如果status列的值是'active'，该行会显示为绿色；如果是'inactive'，则显示为红色。