easyui DataGrid行根据状态高亮显示

最新推荐文章于 2023-03-31 09:46:14 发布

书中自有妍如玉

最新推荐文章于 2023-03-31 09:46:14 发布

阅读量336

点赞数

分类专栏：前端文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_26695613/article/details/127688887

版权

前端专栏收录该内容

133 篇文章 6 订阅

订阅专栏

 $('#dgSSHour').datagrid({

            loadMsg: '数据加载中，请稍后……',
            //collapsible: false,
            autoRowHeight: false,
            //   height: $(window).height() - 30,
            height: 317,
            width: 1500,
            rownumbers: true,
            striped: true,
            cache: false,
            singleSelect: false,
            pagination: true,
            loadFilter: pagerFilter,
            pageSize: 60,
            pageList: [10, 30, 60],
            toolbar: '#tb',
            //onClickRow: onClickRow,
            columns: cols,
            //nowrap: false,
            onLoadSuccess: function(data) {
                var rows = $('#dgSSHour').datagrid('getRows');
                if (rows) {
                    $.each(rows, function (index, row) {
                        if (row.DeviceCode == "red") {
                            $('tbody tr[datagrid-row-index="' + index+'"]').find('td').css({
                                background: 'rgb(71,255,82)'
                            });
                        } 
                    })
                  
                }

            },
  
        });