在基於javascript的表格字段中添加鏈接

Question

我可以在網上找到的唯一方法是如何做到這一點，here，我仍然難住，無法弄清楚。

我基本上有一個基於JavaScript的表，我想要一些字段包含一個圖像或簡單的圖形鏈接。

例如字段sheet1,sheet2,sheet3我想包含PDF圖標的圖像或標誌符號，因爲它們是PDF的等等，它們將鏈接到實際的文件。

我發現關於如何做到這一點的大多數文章都與靜態表，因爲我是動態的，我很難找到這方面的信息。

我只是不知道從哪裏開始，任何可以指向正確方向的想法都會很棒。

的jQuery /引導

$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip(); 

    $('#table-javascript').bootstrapTable({ 
     method: 'get', 
     url: 'bootstrap_database.php', 
     height: 600, 
     cache: false, 
     striped: true, 
     pagination: true, 
     search: true, 
     pageSize: 20, 
     pageList: [20, 40, 60, 100, 200], 
     minimumCountColumns: 2, 
     clickToSelect: true, 
     columns: [{ 
      field: 'title', 
      title: 'Title', 
      align: 'center', 
      sortable: true 
     },{ 
      field: 'audio', 
      title: 'Audio', 
      align: 'center', 
      sortable: true 
     },{ 
      field: 'sheet1', 
      title: 'Sheet 1', 
      align: 'center', 
      sortable: true 
     },{ 
      field: 'sheet2', 
      title: 'Sheet 2', 
      align: 'center', 
      sortable: true 
     },{ 
      field: 'sheet3', 
      title: 'Sheet 3', 
      align: 'center', 
      sortable: true 
     },{ 
      field: 'lyrics', 
      title: 'Lyrics', 
      align: 'center', 
      sortable: true 
     },{ 
      field: 'sheet1notes', 
      title: 'Notes 1', 
      align: 'center', 
      sortable: true 
     },{ 
      field: 'sheet2notes', 
      title: 'Notes 2', 
      align: 'center', 
      sortable: true 
     },{ 
      field: 'sheet3notes', 
      title: 'Notes 3', 
      align: 'center', 
      sortable: true 
     }] 
    }); 
}); 

HTML

<div class="container"> 
    <section> 
     <div class="row"> 
      <h1>Music</h1> 
      <table id="table-javascript" class="table"></table> 
     </div> 
    </section> 
</div> 

Answer 1

這裏是例子：http://issues.wenzhixin.net.cn/bootstrap-table/， 使用格式化列選項：https://github.com/wenzhixin/bootstrap-table-examples/blob/master/welcome.html#L98