Data table column rendering with ajax response

Question

I am trying to render column contents with ajax response but it doesn't display anything in the column despite ajax response returning data,

{
    "width": "20%","targets": 6,
    "defaultContent": '',
    "render": function ( data, type, row ) {
        if(row.colData !=''){
            $url="server request url";
            var ret= row.colData
            var aydGuid=row.guid;
            var params = {relatedHID:ret,guid:aydGuid};
                $.ajax({
                    url: $url,
                    async: true,
                    data: jQuery.param(params),
                    dataType:'html'
                    }).done(function( data ) {
                        alert(data) //displays response  
                        return data //does nothing                                      
                    });
}

Answer 1

Got it working,

    {
        "width": "20%","targets": 6,
        "defaultContent": '',
        "render": function (data, type, row, meta) {
        $urlAgent="url";
        var ret= data.join('^')
        var aydGuid=row.guid;
        var params = {relatedHID:ret,guid:aydGuid};
        var currentCell = $("#tbl_DT").DataTable().cells({"row":meta.row, "column":meta.col}).nodes(0);
           $.ajax({
                url: $urlAgent,
                data: jQuery.param(params),
                dataType:'html'
          }).done(function (data) {                                                                              
                $(currentCell).html(data);
          });
          return null;
    }
  }