Angular-datatable responsive

Question

我正在創建一個響應式SPA。在此應用程序中，我在嘗試在div標記內使用角度數據表時遇到了問題。
這裏是jsfiddle鏈接/ 8sveskkh/ 請指導我如何確保我的數據表駐留在包含div。

Answer 1

將table包裝在div與.table-responsive類中，以使其不溢出其容器。

<div class="table-responsive"> 
    <table class="table"> 
    </table> 
</div> 

這是jsFiddle。

Answer 2

您可以使用第三方插件將數據表作爲響應。

<script src="https://cdn.datatables.net/responsive/2.1.0/js/dataTables.responsive.min.js"></script> 

配置dtOptions如下：

$scope.dtOptions = DTOptionsBuilder.fromSource('data.json') 
     .withPaginationType('full_numbers') 
     // Active Responsive plugin 
     .withOption('responsive', true); 

請參考：http://l-lin.github.io/angular-datatables/archives/#!/withResponsive其他定製選項，這將使喲一天。