Datatables in Adaptive Forms

gistfile1.txt

 var tableDefinition = "<div id='#guideContainer-rootPanel-panel-guidetextbox___guide-item' class='datatableContentContainer'><table id='jsonDataTable' class='display' width='100%'></table></div>";

gistfile2.txt

 try {
        var dtph = $("#guideContainer-rootPanel-panel-guidetextbox___guide-item");
        dtph.replaceWith(tableDefinition);
    } catch (e) {
        console.log("Error updating element: " + e);
    }

gistfile3.txt

var table = $('#jsonDataTable').DataTable({
        data: JSON.parse(jsonData.value),
        destroy: true,
        columns: [
            {title: "Name"},
            {title: "Position"},
            {title: "Office"},
            {title: "Extn."},
            {title: "Start date"},
            {title: "Salary"}
        ]
    });