のJavascriptのdataTable - 私はdataTableのJavaScriptを使用していますし、私はこのAPIリンクを介してデータを取得することにより、テーブルを移入していますテーブル

Question

へのリンクを追加：必要に応じて

jQuery.get(api_url_here", function(dataSet){ 

    jQuery('#myTable').DataTable({ 
     data: dataSet, 
     columns: [ 
      { "data": "id", "title": "theId" }, 
      { "data": "name", "title": "theName" } 
     ] 
    }); 


}); 

<table id="myTable" class="display"></table> 

このすべての作品が、私はのいずれかが必要たとえば、ユーザーがIDをクリックしたときに、それはIDが割り当てられたURLにアクセスしてくださいするように作成したリンク...

を持っている列：<a href="someurl+{id}">theId</a>

私はのdataTableでこれを行うことができますどのように？

Answer 1

"ajax": "./pasien/look/", 
aoColumns: [ 
    { "mData": null } 
], 
columnDefs: [{ 
    "targets": 0, 
    "data": null, 
    "mRender": function (data, type, row) { 
    return '<a href="#">'+ row.mr +'</a>'; 
} 
}] 

これを試してみます。データ型のデータにajaxを使用します。

Answer 2

このようにしてみてください：

  { 
       "data": "id", 
       "title": "theId", 
       "aTargets": [0], 
       "sType": "numeric" 
      }, 
      { 
       "className":  '', 
       "orderable":  false, 
       "data":    null, 
       "defaultContent": '<a href="your link"</a>' 
      }]; 

Answer 3

jQueryのthatsのは、セルが作成されたとき、あなたはそれがIDを持つコンテンツだ設定する通常のJavaScriptを書くことができますトリガーされたイベントがあります。

jQuery.get("api_url_here", function(dataSet){ 
    jQuery('#myTable').DataTable({ 
     data: dataSet, 
     columns: [ 
      { "data": "id", "title": "theId", 
       "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) { 
        $(nTd).html("<a class='display' href='" + oData.id + "'>" + oData.id + "</a>"); 
       } 
      }, 
      { "data": "name", "title": "theName" } 
     ] 
    }); 
}); 

それがあなたを助けることを願っています

回答はhttps://www.datatables.net/forums/discussion/25111/hyperlink-in-tdです。