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>