jQuery Datatable添加新行，如果该行已存在，请将其删除并为该ID插入新行

Question

Tried to remove rows using following method

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

I tried add using the following methods

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

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

Add is not working, it is removing the old data and again after redraw it is showing old data in that row.

At first i am making ajax call and fetching data from database after that i need to add data in client side without making ajax call.

      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

you can try this way in your script

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