如何更改特定行jQuery jTable中的背景顏色？

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

上面的代碼可能會改變所有的行顏色，我可以指定行號嗎？下面如何更改特定行jQuery jTable中的背景顏色？

來源

2013-10-21 user2119324

使用:eq() selector一樣，

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-21 05:01:43

是否可以動態獲取行？ – user2119324

@ user2119324是的，請參閱我的更新回答。 –

我在哪裏得到'索引'（行號）值？ – user2119324

的例子將改變第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-21 04:59:39 Will

是否可以動態獲取行？ – user2119324

@ user2119324你可以將ROWNUMBER設置爲任何你喜歡的，或者如果你在最後添加一行，你可以使用$（'＃div1'）。find（'。jtable tbody tr'）。last（）。css （） – Will

試試這個。

var rowNumber = 1; 
$('#div1').find(".jtable tbody tr").eq(rowNumber).css("background", "#F5ECCE");

來源

2013-10-21 05:02:33

是否可以動態獲取行號？ – user2119324

爲了讓行ID動態
使用像下面

rowInserted : function(event, data) 
     { 
      var index = data['row'][0]['rowIndex']; 
      $('#npoDiv').find(".jtable tbody tr:eq("+index+")").css("background", "green"); 
     }

來源

2014-03-13 14:54:48 raevilman

構建上沒有爲我工作raevilman的回答是由於一個小細節：與rowIndex我得到的索引起始於，但下面的CSS路徑的第一行索引爲，因此當我將該值賦予變量索引時爲-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-30 13:51:05 Frank

羅漢Kumar和raevilman的回答能正常工作的行。但代碼可以通過使用data.row來縮短並運行得更快。行

rowInserted: function (event, data) { 
    if (data.record) { 
     if (condition1 == condition2) { 
      data.row.css("background", "#F5ECCE"); 
     } 
    } 
}

來源

2016-09-08 08:59:52

如何更改特定行jQuery jTable中的背景顏色？

回答

相關問題