角度数据表响应

Question

我正在创建一个响应SPA。在这个应用程序中，我在尝试在div标记中使用角度数据表时遇到了问题
这是jsfiddle链接/8sveskkh/请指导我如何确保我的数据表位于包含的分区中。

Answer 1

用.table-responsive类包装div中的table，使其不会溢出容器。

<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/#/与响应其他自定义选项，这将使你的一天。