I have the following Ajax request JSON-format:
Array:
Object:
Object (key = 'fields'):
Values to be shown
Object:
Object (key = 'fields'):
Values to be shown
Object:
Object (key = 'fields'):
Values to be shown
How can I add this data format to DataTable? I think I should somehow get rid of the key values in 'columns'.
Any idea?
$('#grid').DataTable({
"ajax": demand,
"columns": [
{"fields": model"},
{"fields": "product"},
{"fields": "type"},
{"fields": "build"},
{"fields": "sdnad"},
{"fields": "rcnad"},
{"fields": "sdeud"},
{"fields": "rceud"},
{"fields": "smsd"},
{"fields": "smrc"},
{"fields": "notes"},
],
initComplete: function () {
this.api().columns().every(function () {
var column = this
var select = $('<select><option value=""></option></select>')
.appendTo($(column.footer()).empty())
.on('change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
)
column
.search(val ? '^' + val + '$' : '', true, false)
.draw()
})
column.data().unique().sort().each(function (d, j) {
select.append('<option value="' + d + '">' + d + '</option>')
})
})
}
})