JQuery Datatable 添加新行，如果该行已经存在，则删除它并为该 ID 插入新行

Question

尝试使用以下方法删除行

table.DataTable().row().remove().draw();

我尝试使用以下方法添加

1) table.dataTable().fnAddData(jsonObject);

2)table.DataTable().row.add(jsonObject).draw();

添加不起作用，它正在删除旧数据，并且在重绘后再次显示该行中的旧数据。

首先我进行 ajax 调用并从数据库中获取数据，之后我需要在客户端添加数据而不进行 ajax 调用。

      this.updateTableandMap=function(jsonObject){
    if(jsonObject!=null){
var curTimeStamp=$('tr#'+jsonObject.trackeeId+'>td:eq(0)>a').attr('data-date-time-stamp');
        if(jsonObject.dateAndTime>curTimeStamp){
            $('#records-short').DataTable().row( $('#records-short>tbody>tr#'+jsonObject.trackeeId+'')).remove().draw();    
        //  $('#records-short').DataTable().row.data(jsonObject).draw();
        //  $('#records-short').dataTable().fnAddData(jsonObject);  
        }else if(curTimeStamp==undefined){
            $('#records-short').DataTable().row( $('#records-short>tbody>tr#'+jsonObject.trackeeId+'')).remove().draw();
            $('#records-short>tbody>tr#'+jsonObject.trackeeId+'').remove();

            $('#records-short').DataTable().row.add(jsonObject).draw();
        }
    }

    };

Answer 1

您可以在脚本中尝试这种方式

    var row = $(this).closest('tr');
    $('.dataTable').dataTable().fnDeleteRow(row);