bootstrap-table：th - 在左邊添加一個圖標

Question

任何人都有一個想法如何在bootstrap-table頭部的左邊添加內容？就像下面的圖片一樣，我想添加一個圖標（問號或其他）作爲可點擊的鏈接。

jsFIDDLE

<table id="summaryTable"> 
    <thead> 
     <tr> 
      <th data-field="id" data-align="center" data-width="20px" >id</th> 
      <th data-field="name" data-align="center" data-sortable="true">Name</th> 
      <th data-field="type" data-align="center" data-sortable="true">type</th> 
     </tr> 
    </thead> 
</table> 

Answer 1

您可以將元素添加到每個th：

$('#summaryTable thead th').each(function() { 
    s = $('<span style="position: absolute; left: 4px; top: 8px; cursor: pointer;">?</span>') 
    s.click(function(e) { 
     e.stopPropagation(); 
     alert('Question mark clicked') 
    }); 
    $(this).append(s) 
    }) 

注意e.stopPropagation();以確保問號的點擊次數不會造成也點擊整個TH

這是你的jsfiddle的叉：
https://jsfiddle.net/dekelb/e403uvuh/