Использование расширения кнопок datatables в AngularJS

Question

Я использую angularjs.datatables и хочу включить экспорт в excel/pdf. Проект angularjs-datatables включает поддержку расширения TableTools, но, поскольку я читаю на сайте datatables, TableTools удаляется, и для этой цели мы должны использовать кнопки. Кажется, я не могу найти ссылку на новое расширение, используемое для углового в любом месте. Если кто-нибудь может указать мне, как использовать его, я буду очень благодарен. Если вы не можете использовать кнопки, делитесь своим опытом с помощью TableTools. Моя цель - печатать и экспортировать в excel/pdf с настроенными столбцами (визуализировать по-разному между представлением и экспортом)

Спасибо.

Answer 1

Вы должны добавить нужный JS файла: - угловой-datatables.buttons.min.js

И

добавить datatables.buttons зависимостей к вашему угловому приложению

html:

<div ng-controller="WithButtonsCtrl as showCase"> 
<table datatable="" dt-options="showCase.dtOptions" dt-columns="showCase.dtColumns" class="row-border hover"></table> 

Js:

angular.module('showcase.withButtons', ['datatables', 'datatables.buttons']) 
.controller('WithButtonsCtrl', WithButtonsCtrl); 

function WithButtonsCtrl(DTOptionsBuilder) { 
    var vm = this; 
    vm.dtOptions = DTOptionsBuilder.fromSource('data.json') 
     .withDOM('frtip') 
     .withPaginationType('full_numbers') 
     // Active Buttons extension 
     .withButtons([ 
      'columnsToggle', 
      'colvis', 
      'copy', 
      'print', 
      'excel', 
      { 
       text: 'Some button', 
       key: '1', 
       action: function (e, dt, node, config) { 
        alert('Button activated'); 
       } 
      } 
     ]); 
} 

Ссылка: https://l-lin.github.io/angular-datatables/#/withButtons