как использовать угловые JS Datatable с кнопками экспорта

Question

dataTables.buttons.min.js:5 Uncaught TypeError: Cannot read property 'ext' of undefined
at dataTables.buttons.min.js:5
at dataTables.buttons.min.js:5
at dataTables.buttons.min.js:5

Я получаю сообщение об ошибке такого типа, если я пытаюсь разместить расширения CDN для кнопок в угловых буквах J, пожалуйста, помогите мне решить эту проблему.

Answer 1

Добавить зависимости datatables

<!-- Datatables -->
<link href="path to/datatables.min.css" rel="stylesheet">
<script src="path to/datatables.min.js"></script>

<!-- Datatables Buttons -->
<script src="path to/dataTables.buttons.min.js"></script>

<!-- Angular Datatables -->
<script src="path to/angular-datatables.min.js"></script>
<script src="path to/angular-datatables.buttons.min.js"></script>

Включить угловые таблицы данных в ваш модуль

angular
    .module('app', [            
        'datatables',
        'datatables.buttons'
    ])

Внедрите DTOptionsBuilder и определите параметры в вашем контроллере

angular
    .module('app')
    .controller('MyController', function MyController($scope, DTOptionsBuilder) {
        $scope.dtOptions = DTOptionsBuilder.newOptions()
            .withButtons([
                'copy',
                'pdf',
                'excel'
            ])
            .withDOM('<"html5buttons"B>lTtipr');
    });

Объявление таблицы данных и директивы dt-options для вашей таблицы

<table datatable="ng" dt-options="dtOptions" class="table table-striped table-bordered"></table>

Документы угловых данных: http://l -lin.github.io / угловые данные / архивы / #! / WithButtons