Angular-datatable响应

Question

我正在创建一个响应式SPA。在这个应用程序中，我在尝试在div标签中使用angular-datatable时遇到问题。
    这是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了解其他自定义选项，这将是哟日。