4 
rowInserted: function (event, data) {
   if (data.record) {
       if (condition1 == condition2) {
          $('#div1').find(".jtable tbody tr").css("background", "#F5ECCE");
       }
   }
}

上面的代码可能会改变所有行的颜色，我可以指定行号吗？

4

7 回答 7

5

使用:eq() 选择器，例如， 

rowInserted: function (event, data) {
   if (data.record) {
       if (condition1 == condition2) {
          $('#div1').find(".jtable tbody tr:eq(1)").css("background", "#F5ECCE");
          // changing first row background color
       }
   }
}

更新您可以动态设置索引

$('#div1').find(".jtable tbody tr:eq("+index+")").css("background", "#F5ECCE");
于 2013-10-21T05:01:43.563 回答
4

Rohan Kumar 和 raevilman 的回答很好。但是使用 data.row 可以缩短代码并加快运行速度

rowInserted: function (event, data) {
   if (data.record) {
       if (condition1 == condition2) {
          data.row.css("background", "#F5ECCE");
       }
   }
}
于 2016-09-08T08:59:52.000 回答
1

下面的示例将更改第 4 行的背景颜色

var $rows = $('#div1').find(".jtable tbody tr");
var ROWNUMBER = 3;
$($rows[ROWNUMBER]).css("background", "#F5ECCE");

或者，您可以使用伪类选择器 :eq() 来选择您想要的数字，这也使用基于 0 的索引。

var ROWNUMBER = 3;
var $row = $('#div1').find(".jtable tbody tr:eq(" + ROWNUMBER + ")");    
$row.css("background", "#F5ECCE");
于 2013-10-21T04:59:39.763 回答
1

尝试这个。

var rowNumber = 1;
$('#div1').find(".jtable tbody tr").eq(rowNumber).css("background", "#F5ECCE");
于 2013-10-21T05:02:33.963 回答
1

动态获取行 ID
使用如下

rowInserted : function(event, data) 
        {
           var index = data['row'][0]['rowIndex'];
           $('#npoDiv').find(".jtable tbody tr:eq("+index+")").css("background", "green");
        }
于 2014-03-13T14:54:48.193 回答
0

要在加载表后执行此操作，并且如果您知道行的键，则可以使用以下命令：

    $("tr[data-record-key=" + rowKey + "]").addClass(rowClass);
于 2019-03-04T17:53:27.933 回答
0

建立在raevilman的答案上，由于一些细节，这对我不起作用：使用rowIndex我得到从1开始的索引，但下面的 CSS 路径的第一行索引为0，因此当我分配值时为 -1到变量索引。

        rowInserted: function(event, data) {
            if (data.record.value>100){
                var index = data['row'][0]['rowIndex']-1;
                console.log('decorating row with index: '+index);
                $('#div1').find(".jtable tbody tr:eq("+index+")").css({"background":"red"});

            }
        }

这正确地以红色突出显示“值”字段大于 100 的行。

于 2016-05-30T13:51:05.443 回答