如何在jQuery數據表中插入單選按鈕和超鏈接？

Question

這裏是我的html

<table id="template_table" class="display" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th>Select</th> 
      <th>Template Number</th> 
      <th>Message Kind</th> 
      <th>Template Name</th> 
      <th>Preview</th> 
     </tr> 
    </thead> 
    <tfoot> 
     <tr> 
      <th>Select</th> 
      <th>Template Number</th> 
      <th>Message Kind</th> 
      <th>Template Name</th> 
      <th>Preview</th> 
     </tr> 
    </tfoot> 
</table> 

JS：

 $('#template_table').DataTable({ 
      "data": EMAIL_TEMPLATES, 
      "columns": [ 
       { "data": null }, 
       { "data": "subDirectory" }, 
       { "data": "msgKind" }, 
       { "data": "templateName" }, 
       { "data": null } 
      ] 
     }); 

我想在第一列（選擇）與價值'msgKind/subDirectory'和超鏈接在最後一列（預覽），它的href將'some_domain/msgKind/subDirectory'添加單選按鈕

任何人都可以幫忙嗎？

Answer 1

我已經通過創建EMAIL_TEMPLATES

  for (var i=0; i<EMAIL_TEMPLATES.length; i++) { 
       var template_path = EMAIL_TEMPLATES[i]['msgKind'] + '/' + EMAIL_TEMPLATES[i]['subDirectory']; 
       EMAIL_TEMPLATES[i]['preview'] = '<a target="_blank" href="some_domain/' + template_path + '">Preview</a>'; 
       EMAIL_TEMPLATES[i]['radio_button'] = '<input type="radio" name="selected_template" value='+ template_path + '>'; 
      } 
      $('#template_table').DataTable({ 
       data: EMAIL_TEMPLATES, 
       "columns": [ 
        { "data": "radio_button" }, 
        { "data": "subDirectory" }, 
        { "data": "msgKind" }, 
        { "data": "templateName" }, 
        { "data": "preview" }, 
       ] 
      }); 

Answer 2

使用此代碼添加任何類型的HTML數據表中的列 這裏是你的代碼:)

$('#template_table').DataTable({ 
     "data": EMAIL_TEMPLATES, 
     "columns": [ 
      { 
       mRender: function (data, type, row) { 
        return '<input type="radio" name="gender" value="msgKind/subDirectory">'; 
       } 

      }, 
      { "data": "subDirectory" }, 
      { "data": "msgKind" }, 
      { "data": "templateName" }, 
      { 
       mRender: function (data, type, row) { 
        return '<a href="some_domain/msgKind/subDirectory">Preview</a>'; 
       } 

      }, 
     ] 
    });