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/