simple-datatables

Adding a column from a remote source (AJAX) is simple with the columns API.

Let’s say you’ve selected a column from your MySQL table and you want to include it in your datatable instance. You can encode the column data as a JSON string and fetch it:

{
    heading: "Progress"
    data: [
        "37%",
        "97%",
        "63%",
        "30%",
        ...
    ]
}
let addNewColumn = function() {
    let columnData = "remote/data/url"

    fetch(columnData)
    .then(response => response.json())
    .then(data => datatable.columns.add(data))
}