jQuery的數據表不成爲響應

Question

我已經在其上supossed來響應，但其not.Here是我的HTML引導的主題實現的一個jQuery的DataTable ..

<div class="col-xs-12 table-responsive"> 
      <table class="table table-condensed table-striped table-bordered" id="bttable"> 
       <tfoot> 
        <tr></tr> 
       </tfoot> 
      </table> 
     </div> 

這裏是我的jQuery ..

dt = $("#bttable").dataTable({ 
      "data": dataSet, 
      "paging": false, 
      "responsive": true, 
      "stateSave": true, 
      "columns": [ 
       { "title": "<input type='checkbox' id='selectAll'>", "bSortable": false, "width": "5px", }, 
       { "title": "<a href='#' class='btn btn-xs' title='Edit' data-toggle='modal' data-target='#responsive' onclick='edit()'><i class='fa fa-pencil'></i></a>", "bSortable": false, "width": "5px" }, 
       { "title": "FirstName", "width": "50px" }, 
       { "title": "LastName" }, 
       { "title": "Contact Number" }, 
       { "title": "Email ID" } 
      ] 
     }); 

我的小提琴：https://jsfiddle.net/56n6wwd8/

請幫助我，使這個數據表responsive..Thanks ..

Answer 1

嘗試這樣的：

<div class="col-xs-12"> 
<div class="table-responsive"> 
     <table class="table table-condensed table-striped table-bordered" id="bttable"> 
      <tfoot> 
       <tr></tr> 
      </tfoot> 
     </table> 
    </div> 
</div>