Jquery Datatable更新单元格文本值和颜色

时间:2016-01-22 12:53:08

标签: javascript jquery html datatables

我有一个具有ajax源数据的数据表。

我有一些功能可以逐个单元格验证表格中的数据,如果验证失败,则将单元格颜色更改为红色。还有一个最初没有数据的列,并在以后更新其数据。我将rowId设置为ip_address以根据ip识别该行。

现在我想更新其ip匹配表中rowid的空单元格。

我尝试了$("#devices_table td:nth-child(3)").text('hi');

更新第3列的所有行,但我只想更新与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');

这些是我尝试过的但我没有用的东西。

我是datatables和jquery的新手,所以这段代码也会有愚蠢的错误..请纠正我,如果有的话。提前谢谢。

1 个答案:

答案 0 :(得分:0)

解决。

问题是由于将IP地址设置为id

将广告管理系统中的.更改为-,并将className添加到column,然后就可以了。

以及以下代码, 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')