JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    
    <table id="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>RestCalledValue</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

JavaScript

let data = [
    {
        "id": 1
    },
    {
        "id": 2
    }
]

$(function () {

    var table = $('#table').DataTable({
        data: data,
        columns: [
            {
                data: "id"
            },
            {
                data: function (row, type, set, meta) {
                    getRestDataForId(row.id);
                },
                defaultContent: "-"
            }

        ]
    });
});


function getRestDataForId(id) {
    fetch('https://jsonplaceholder.typicode.com/todos/' + id)
        .then(response => response.json())
        .then(data => data.title)

}