JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<table id="table"></table>

JavaScript

var myData = [
    {
        "id": 1,
        "first_name": "John",
        "last_name": "Doe"
    }
];
var myData2 = [
    {
        "id": 2,
        "first_name": "John1",
        "last_name": "Doe1"
    }
];

$('#table').dataTable({
    data: myData,
        columns: [
        { data: 'id' },
        { data: 'first_name' },
        { data: 'last_name' }
    ]
});
$('#table').dataTable().fnClearTable();
$('#table').dataTable().fnAddData(myData2);