2016-01-22 137 views
0

我有一個數據表,它具有ajax源數據。Jquery Datatable更新單元格的文本值和顏色

我有一些函數驗證表格中的數據逐個單元格,如果驗證失敗,則將單元格顏色更改爲紅色。也有最初沒有數據的列,並在稍後更新其數據。我將rowId設置爲ip_address以基於ip來標識該行。

現在我想更新ip匹配表中rowid的空單元格。

我試圖$("#devices_table td:nth-child(3)").text('hi');

哪些更新的第三列的所有行,但我想只更新一行匹配rowId

tbl1 = $('#devices_table').dataTable({ 
    autoWidth: false, 
    scrollX: true, 
    scrollY: 400, 
    paging: false, 
    select:{ style: 'multi' }, 
    info: false, // This will prevent showing message 'Showing 1 of N rows' 
    serverSide: true, 
    aoColumns: [ { title: "Result", data:'Result', defaultContent: '', name: 'Result'}, 
        { title: "IP Address",data: "IP_Address", name:'IP_Address'}, ], 
    fnRowCallback: function(nRow, aData, iDisplayIndex) { 
      $('td', nRow).attr('nowrap','nowrap'); 
      return nRow; 
      }, // This is for content wrap in column 
    ajax: "/get_device_table", // call for data 
    rowId: 'IP_Address', 

這是我的表格定義。

tbl1.fnUpdate('abc' , $('tr#192.168.30.20'), 0); $("#devices_table").children().children()'192.168.30.20'].children[0].innerHTML = "Hi"; $('#devices_table tr:eq('+rowid+') td:eq(0)').text('ChangedText');

,這些都是一些東西,我試過,但我沒有工作。

我是新來的數據表和jQuery,所以這段代碼也可能有愚蠢的錯誤..請糾正我,如果有的話。提前致謝。

+0

你可以做內'fnRowCallback'此驗證。什麼是驗證檢查? – markpsmith

+0

沒有..它的背景API和數據處理。它不驗證數據表值。 – Shital

+0

var parent = $('#devices_table tr#'+ rowId); parent.find('td:nth-​​child(3)')。text('hi'); –

回答

0

已解決。

問題是由於設置的IP地址作爲id

在IP改變.-並添加classNamecolumn和它的工作。

和行下面的代碼, aoColumns: [ { title:"Result", data:'Result', defaultContent:'',className:'result'}, { title: "IP Address",data: "IP_Address", className:'IP_Address'}, ]

$('#192-168-32-24').find('td.result').html('hi')

相關問題