bootstrap-table：th - 左にアイコンを追加

Question

誰かがブートストラップテーブルのヘッダに何かを追加する方法を知っていますか？下の図のように、アイコン（疑問符など）をクリックしてリンクにする必要があります。

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();は疑問符のクリックが発生しませんを確認します全体のクリックもここでは0

あなたjsfiddleのフォークです：
https://jsfiddle.net/dekelb/e403uvuh/