代码之家 › 专栏 › 技术社区 › Yevgeniy Afanasyev

使用webpack时不显示datatables.net excel导出按钮

jszip laravel-elixir datatables webpack laravel

Yevgeniy Afanasyev · 技术社区 · 6 年前

我使用LaaVele5.7和WebPACK的灵丹妙药包装。

我添加了datatables.net fine,但未显示excel导出按钮。

这是我的供应商.js

require('datatables.net');
require('datatables.net-bs4');
require('jszip');
require('datatables.net-buttons');
require('datatables.net-buttons/js/buttons.flash.js');
require('datatables.net-buttons/js/buttons.html5.js');

但是excel显示的按钮好的如果我把这个添加到我的html中

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script>

我侦察到, jszip 没有得到正确的要求。什么是正确的方法?

js控制台没有错误。

日本邮政编码 已下载到 node_modules ,就像这样

$ npm install jszip --save-dev

1 回复 | 直到 6 年前

Yevgeniy Afanasyev 6 年前

这是 vendor.js 工作正常:

require('datatables.net');
require('datatables.net-bs4');
window.JSZip = require('jszip');    
require('datatables.net-buttons');
require('datatables.net-buttons/js/buttons.flash.js');
require('datatables.net-buttons/js/buttons.html5.js');

Josue Molina Blas 6 年前

如果不使用引导程序,则应使用以下命令:

var table = $('#example').DataTable( {
buttons: [
    'copy', 'excel', 'pdf'
] } );


table.buttons().container()
.appendTo( $('<#elementWhereYouNeddToShowThem>', table.table().container() ) );

推荐文章