angularjs - 在 AngularJS 中使用数据表按钮扩展

Question

已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足 Stack Overflow guidelines 。目前不接受答案。

---

我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题，以便用事实和引文来回答。

已关闭 5 年前。

Improve this question

我一直在使用 angularjs.datatables 并希望能够导出到 Excel/pdf。 angularjs-datatables 项目确实包含对 TableTools 扩展的支持，但正如我在 datatables 网站上读到的那样，TableTools 已退休，我们应该使用 Button 来实现此目的。我似乎在任何地方都找不到任何关于用于 Angular 的新扩展的引用。如果有人能为我指出如何使用它，我将非常感激。如果无法使用按钮，请分享您使用 TableTools 的经验。我的目标是打印并导出到带有自定义列的 Excel/pdf(在 View 和导出之间呈现不同的效果)

谢谢。

Answer 1

您必须添加所需的js文件:angular-datatables.buttons.min.js

和

add the dependency datatables.buttons to your Angular app

HTML:

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

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