使用包裹和数据表。
使用Datatables downloader,我在app.js
中:
require( 'jszip' );
require( 'datatables.net-bs4' )();
require( 'datatables.net-buttons-bs4' )();
require( 'datatables.net-buttons/js/buttons.html5.js' )();
require( 'datatables.net-buttons/js/buttons.print.js' )();
require( 'datatables.net-keytable-bs4' )();
require( 'datatables.net-responsive-bs4' )();
require( 'datatables.net-select-bs4' )();
在我的配置中:
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', // 'selected', 'selectAll', 'print'
],
问题1:未显示按钮
我确实看到了过滤器字段和表格,但是没有显示按钮。
找到了与此相关的多个问题,但所有问题都涉及需要在B
中使用dom
。
问题2:某些按钮会给Uncaught Unknown button type
“复制/ CSV / Excel”按钮未显示错误消息,但其他按钮则显示错误消息:print
,selected
,selectAll
等。
这些给出(例如):Uncaught Unknown button type: selectAll
许多类似的帖子都指向没有必要的文件。 就我而言,这似乎还可以:
$ ls -1 node_modules/datatables.net-buttons/js/
buttons.colVis.js
buttons.colVis.min.js
buttons.flash.js
buttons.flash.min.js
buttons.html5.js
buttons.html5.min.js
buttons.print.js
buttons.print.min.js
dataTables.buttons.js
dataTables.buttons.min.js
并从包裹日志中:
19:45 $ parcel build index.html --detailed-report --public-url ./dist --log-level 4 | grep datatable
[7:45:21 PM]: Built node_modules/datatables.net-buttons/js/buttons.print.js...
[7:45:22 PM]: Built node_modules/datatables.net-buttons/js/buttons.html5.js...
[7:45:22 PM]: Built node_modules/datatables.net-select/js/dataTables.select.js...
[7:45:22 PM]: Built node_modules/datatables.net-select-bs4/js/select.bootstrap4.js...
[7:45:22 PM]: Built node_modules/datatables.net-responsive/js/dataTables.responsive.js...
[7:45:22 PM]: Built node_modules/datatables.net-responsive-bs4/js/responsive.bootstrap4.js...
[7:45:22 PM]: Built node_modules/datatables.net-buttons/js/dataTables.buttons.js...
[7:45:22 PM]: Built node_modules/datatables.net-buttons-bs4/js/buttons.bootstrap4.js...
[7:45:22 PM]: Built node_modules/datatables.net/js/jquery.dataTables.js...
[7:45:22 PM]: Built node_modules/datatables.net-bs4/js/dataTables.bootstrap4.js...
[7:45:22 PM]: ├── node_modules/datatables.net/js/jquery.dataTables.js 80.8 KB 423ms
[7:45:22 PM]: ├── node_modules/datatables.net-buttons/js/buttons.html5.js 24.16 KB 111ms