I have the tables working using a local variable holding object data called "dataApproved", this will eventually be a remote JSON file. There is a requirement to include in the last column a select input. I have read /examples/api/form.html however the example is using hardcoded table. How do I mix data sources, I cannot add html syntax into the JSON objects. Was looking at column.defs etc to append a new column after the table is built using the JSON. Here is my thinking but not working. I could step out of Datatable.js and append with Jquery, but thought there would be a way inside the library.

var inputSelect = "<select>~~~~~</select>"

$('#approvedRequests').DataTable( {
//ajax: 'activityData.json',
data: dataApproved,
responsive: { 
            },
            columns: [
                { data: 'request' },
                { data: 'reason' },
                { data: 'start' },
                { data: 'end' },
                { data: 'duration' },
                { data: 'note' },
                { data: 'action' },
                {inputSelect}
            ],


        } );