角度数据表导出按钮未显示

时间:2017-07-05 21:22:56

标签: angularjs angular-datatables

我正在使用angular-datatable插件,带有导出按钮。我正在使用收集按钮导出数据,但按钮没有显示,而当我添加按钮选项时数据表排序和分页选项被禁用。这是plunker

$scope.vm.dtOptions = DTOptionsBuilder.newOptions()
  .withOption('order', [0, 'asc'])
  .withButtons([

    {
      extend: 'collection',
      text: 'Export',
      buttons: [

        {
          extend: 'print',
          title: 'My lists'
        },




        {

          extend: 'pdfHtml5',
          title: 'My lists'

        }


      ]
    }

  ]);

1 个答案:

答案 0 :(得分:0)

您需要包含必要的js和css文件:

<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.2.2/css/buttons.dataTables.min.css">

<script src="/projectName/theme/vendors/angular-datatables/plugins/buttons/angular-datatables.buttons.min.js"></script>