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

【问题标题】：Jquery Datatable update cell text value and colourJquery Datatable 更新单元格文本值和颜色
【发布时间】：2016-01-22 12:53:07
【问题描述】：

我有一个数据表，其中包含来自 ajax 的数据。

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

现在我想更新 ip 与 table 中 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 的新手，所以这段代码也可能有愚蠢的错误。如果有的话，请纠正我。提前致谢。

【问题讨论】：

您可以在fnRowCallback 内进行此验证。什么是验证检查？
no.. 它的后台 api 和数据处理。它不是数据表值的验证。
var parent = $('#devices_table tr#'+ rowId); parent.find('td:nth-child(3)').text('hi');
@Shital 替换验证函数中的这两行，并检查它是否工作。
谢谢@ShekharPankaj .. 我也试过了，但没用。

标签： javascript jquery html datatables

【解决方案1】：

解决了。

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

将 ip 中的 . 更改为 - 并将 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')

【讨论】：