JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<table id="datatable">
    <thead>
        <tr>
            <th>id</id>
            <th>name</th>
            <th>add</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

JavaScript

var aaData = [
    [
    "id001",
    "Name001",
    "Addr001",
    ],
    [
    "id002",
    "Name002",
    "Addr002",
    ]
    ];

$('#datatable').dataTable({
    aaData: aaData,
    "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
        console.log(nRow);

        $(nRow).attr("id", aData[0]);
        return nRow;
    },
    "aoColumnDefs": [
        {
        "bSearchable": false,
        "bVisible": false,
        "aTargets": [0]},
        ]
});