generated content for a column with Ajax data source from objects

Anahoua

I have a problem with generated content for a column, it is not working when using Ajax data source from objects, the buttons do not get rendred in the table. here my initialization code for the table:

var table = $('#example').DataTable( {
"ajax": 'http://localhost/two/test/api2',
"columns": [
{ "data": "name" },
{ "data": "adress" },
{ "data": "ID" }
],
"columnDefs": [ {
"targets": -1,
"data": null,
"defaultContent": "<button>Click!</button>"
} ]
} );

kthorngren

Maybe this will work for you:

var table = $('#example').DataTable( {
  "ajax": 'http://localhost/two/test/api2',
  "columns": [
    { "data": "name" },
    { "data": "adress" },
    { "data": "ID" },
    { "data": null, "defaultContent": "" }
  ],
  "columnDefs": [ {
    "targets": -1,
    "createdCell": function(td, cellData, rowData, row, col) {
           $(td).prepend(
             "<button>Click!</button>"
           );
         }
     } ]
} );

Sorry if there is syntax errors

Kevin

Anahoua

Thank you for your help