jquery datatable add row with id code example

Example 1: datatables add row

const table = $("#yourTable").DataTable();

table.row.add( /* array or object */).draw();

// or using tr
const tr = $("<tr><td>1</td><td>2</td></tr>");
table.row.add(tr[0]).draw();

// you must call draw() to see your changes

Example 2: row append and calculation in jquery datatable

Plain text12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364$(document).ready(function() {      loadMyItems();  });    function loadMyItems() {        var siteUrl = _spPageContextInfo.siteAbsoluteUrl;    var oDataUrl = siteUrl + "link";      $.ajax({          url: oDataUrl,          type: "GET",          dataType: "json",          headers: {              "accept": "application/json;odata=verbose"          },          success: mySuccHandler,          error: myErrHandler      });  }      function mySuccHandler(data) {      try {            var dataTableExample = $('#table_id').DataTable();          if (dataTableExample != 'undefined') {              dataTableExample.destroy();          }            dataTableExample = $('#table_id').DataTable({            scrollY: 770,             "order": [[ 2, "asc" ]],             "pageLength": 50,            "aaData": data.d.results,              "aoColumns": [{                  "mData": "EditLink",                "render": function(EditLink) {                    return '<button onclick="EditItemWithCheckoutAlert(event, \''+EditLink+'\');">Edit</button>';               }            }, {                  "mData": "Title"            }, {                  "mData": "StartDate"            }, {                  "mData": "Planned_x0020_Date"             }, {                  "mData": "Days_x0020_of_x0020_delay"              }, {                  "mData": "Days_x0020_Left"              }, {                  "mData": "Reason_x0020_for_x0020_Late_x002",                "render": function( data, type, full, meta) {                    if(!data){var returnText = "";}                    else {var returnText = data.results;}                    return returnText;                    }              }]        });     } catch (e) {          alert(e.message);      }  }    function myErrHandler(data, errCode, errMessage) {      alert("Error: " + errMessage);  }