table_init.js

$('#participantes-table').dataTable({
	bProcessing: true,
	bServerSIde: true,
	sAjaxSource: "/path/to/your/tastypie/api/list/objects/?format=json",
	sAjaxDataProp: "objects",
	aoColumns: [
		// Put the resource name that corresponds to each table column
		{'mData': "your"},
		{'mData': "columns"},
	],
	fnServerData: function(source, oaData, callback, settings) {
	settings.jqXHR = $.get(
		source,
		function(data){
			// Magic happens here! tastypie provides the data but
			// stupid dataTables requires it to have stupid names 
			data.echo = oaData.echo;
			data.iTotalRecords = data.meta.total_count;
			data.iTotalisplayRecords = data.meta.limit;
			console.debug(data);
			console.debug(callback);
			callback(data);
		}, 
		'json')
	},
});