使用Bootstrap＆Footable創建響應表

Question

我正在創建一個在Bootstrap中有5列的表。太使它響應我已經使用可腳的主題。但是，如果我的列中的某一內容太大，則該列將變得非常大，表格不成比例。什麼是最好的方式去做這件事？

<div class="container table-responsive"> 
     <table class="table table-striped toggle-circle-filled"> 
      <thead> 
      <tr> 
      <th data-hide="phone, table">A</th> 
      <th data-toggle="true">ID</th> 
      <th data-hide="phone">C</th> 
      <th data-hide="phone, tablet">D</th> 
      <th>Status</th> 
      </tr> 
      </thead> 
      <tbody> 
      .... 
      </tbody> 
     </table> 
</div> 

Answer 1

拉昇各列分配一個限定的寬度

例如 -

<div class="container table-responsive"> 
     <table width=100% class="table table-striped toggle-circle-filled"> 
      <thead> 
      <tr> 
      <th data-hide="phone, table">A</th> 
      <th data-toggle="true">ID</th> 
      <th data-hide="phone">C</th> 
      <th data-hide="phone, tablet">D</th> 
      <th>Status</th> 
      </tr> 
      </thead> 
      <tbody> 
      <tr> 
      <td width="20%"></td> 
      <td width="20%"></td> 
      <td width="20%"></td> 
      <td width="20%"></td> 
      <td width="20%"></td> 
      </tbody> 
     </table> 
</div>