javascript - angularjs 数据表按钮插件

Question

我正在使用 angularjs 数据表并尝试在此页面中使用按钮插件 https://l-lin.github.io/angular-datatables/#/withButtons

.withButtons([
    'columnsToggle',
    'colvis',
    'copy',
    'pdf',
    'excel',
    {
        text: 'Some button',
        key: '1',
        action: function (e, dt, node, config) {
            alert('Button activated');
        }
    }
]);

我得到未知按钮类型:“columnsToggle”和“colvis”但是当我从代码中删除'columnsToggle'和'colvis'时它运行没有任何问题但是除了自定义按钮之外其他按钮不显示

{
    text: 'Some button',
    key: '1',
    action: function (e, dt, node, config) {
        alert('Button activated');
    }
}

复制，pdf，excel 不出现，谁能帮我解决这个问题？

Answer 1

我遇到了和你一样的问题，我发现所有的 datatables-buttons js 文件都需要包含在内:

<script type="text/javascript" src="~/Scripts/datatables-buttons/js/dataTables.buttons.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.bootstrap.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.jqueryui.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.colVis.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.flash.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.html5.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.print.js"></script>