Составление таблицы в JavaScript по данным с контроллера Java весной

Question

Я хочу создать таблицу в JavaScript и изменить ее названия в соответствии с данными, которые я получаю от контроллера. Я написал этот код:

var tr="";
var ifData = function ( row  ){
if(row.name=="xy"){
	tr+="<th>"+ row.name+"</th>" 
        return "good!"}
return "";

var col= [
	{"data" : null, render: function ( data, type, row ){ return ifData(row); }}, 
	{"data" : null, render: function ( data, type, row ){ return ifData(row); }}
 
function getDataTable(){

	datatable=$('#datatable_ajax').DataTable( {
   "ajax": {
        	
			"url": "AAA/BBB",
			"type": "post",

         	"data": function (d) {						
				d.type=tabIndex;
				d.nameType=nameType;
			}
		},

"createdRow": function( row, data, dataIndex ) {
			var count=$(row).children('td').length;
			for(var i=0;i<count;i++){
				$(row).children('td');
			}
			}
}

jQuery(document).ready(function() {

	 $('#heading').html("");
	 $('#heading').append(tr);
	 
	 getDataTable();
}

         <table class="table table-striped table-bordered table-hover table-checkable" id="datatable_ajax">
		 <thead >
			  <tr role="row" class="heading" id="heading" </tr>	                                             
		</thead>
	<tbody> </tbody>
</table>

Но когда я запускаю его, "tr" остается пустым.

Я работаю в Spring Framework