DataTables search not working and checkbox for each row - php

Question

Hi I'm working with Datatable. I am populating it using PHP Codeigniter and AJAX request. The data is loading fine but the search function of dataTable is not working.
Here's the ajax call so far
function get_card_info(id){
if(id != ''){
$.ajax({
'url' : '<?php echo base_url('getter/get_card_info/'); ?>'+id,
'type' : 'POST',
'data' : {'id' : id},
'cache' : false,
'success' : function(data){
if ($.trim(data)){
var json = JSON.parse(data);
var suffix = json.info[0].Citizen_Suffix !== null ? json.info[0].Citizen_Suffix : '';
var currentBarangay = json.currentAddress[0].Barangay_Name != 'Others' ? ', '+json.currentAddress[0].Barangay_Name : '';
$('#card_number').text(json.info[0].card_id);
$('#fullname').text(json.info[0].Citizen_Title+' '+json.info[0].Citizen_LastName+', '+json.info[0].Citizen_FirstName+' '+json.info[0].Citizen_MiddleName+' '+suffix);
$('#address').text(json.currentAddress[0].Address_Name+currentBarangay);
//Image
var url = '<?php echo base_url('resources/images/citizen_photo/'); ?>'+id+'.jpeg';
$('#photo').attr('src', url);
$('#dt-services').DataTable( {
"ajax": '<?php echo base_url('getter/get_merchant_services/'); ?>'+id,
"destroy": true,
"paging": false,
"columnDefs": [{
'targets': 0,
'className': 'dt-body-center',
'render': function (data, type, full, meta){
return '<input type="checkbox" '+(data == 'true' ? 'checked' : '')+'>' ;
}
}],
"columns" :[
{data: ""},
{data: "card_id"},
{data: "Citizen_FirstName"}
]
} );
}
else{
ShowAlert('Error', 'Card Not Found', 'danger');
}
},
'error': function(request, error){
alert(error);
}
});
}
else{
ShowAlert('Error', 'Please enter card number', 'warning');
}
};
Also, i'm trying to put checkbox so I can get the selected values. Any guide on this? Thanks