datatables use with jquery ajax

datatables-example.js

function exampleUseDatatables(tableId) {
  newTable(tableId);
  
  var data = []; //.. example get data with ajax
  
  // ajax 
  // ... 
  //success : function(result) {
  //  reloadTableData(result, tableId); // result add table
	//},
  //error: function(jqXHR, textStatus, errorThrown) {
  //  reloadTableData([], tableId); // empty data add table
  //}
}

function renderData(data) {
  // example data can be append
	return '<button class="btn btn-success" type="button" name="button">D</button>'
			+ '<button class="btn btn-dark" type="button" name="button">S</button>';
}

function newTable(tableId){
	$('#' + tableId).DataTable({
		"data" : [],
		"columns" : [ {
			"data" : "name"
		}, {
			"data" : "date"
		}, {
			"data" : "size"
		}, {
			"data" : "process",
			"render" : function(data, type, row) {
				return renderData(data);
			}
		} ],
		"columnDefs" : [ {
			className : "example-css-class",
			targets : "_all"
		} //"targets": [ 0,1,2,3 ] }
		],
		retrieve : true
	// tablo bir kere olusturulduktan sonra tekrar olusturmak icin
	});	
}

function reloadTableData(data, tableId){
	var datatable = $('#' + tableId).DataTable();
    datatable.clear();
    datatable.rows.add(data);
    datatable.draw();
}