Как создать несколько гиперссылок в одной ячейке DataTable

Question

Я использую таблицы данных для построения таблицы. Моя цель как таблица ниже; с ячейками, такими как столбец ContractDetails.

https://i.stack.imgur.com/fp5nC.png

Это то, что я могу сделать до сих пор ...

JavaScript:

{"data": "contract_details",
              "render": function(data, type, row){
                    if (row.announced === 'Completed') {
                        return '<a href="./contracts/' + data + '">' + data + '</a>' 
                    }
                    else { 
                        return data;
                    }
                }
              }

Ajax-файл (.txt):

 {
      "id": "5",
      "announced": "Completed",
      "division": "Food Dept",
      "title": "Food Depts",
      "title_summary": "",
      "area": "Food Dept",
      "contract_details": "os-05-16-00040.asp; os-05-16-00040.asp"
    }

Answer 1

Вы можете отформатировать сами данные ajax в формате html

Ajax

{
    "id": "5",
    "announced": "Completed",
    "division": "Food Dept",
    "title": "Food Depts",
    "title_summary": "",
    "area": "Food Dept",
    "contract_details": "<a href='./contracts/os-05-16-00040.asp'>os-05-16-00040.asp</a> <a href='./contracts/os-05-16-00040.asp'>os-05-16-00040.asp</a>"
}

Или вам нужно взорвать содержимое contract_details

{"data": "contract_details",
              "render": function(data, type, row){
                    if (row.announced === 'Completed') {
                        var contractdetails = row.contract_details;
                        var contractdetailsarray=  contractdetails.split("; ");

                        var ReturnString = "";
                        for(var i=0; i<contractdetailsarray.length; i++){
                            ReturnString += '<a href="./contracts/' + contractdetailsarray[i] + '">' + contractdetailsarray[i]+ '</a> ';
                        }
                        return ReturnString;
                    }
                    else { 
                        return data;
                    }
                }
              }