【发布时间】:2019-04-30 13:13:50
【问题描述】:
尝试使用我在另一个应用程序中使用的相同代码创建一个 Excel 导出按钮。
很遗憾,我收到以下错误:
Uncaught Cannot extend unknown button type: excelHtml5
这是生成数据表上方按钮的代码部分:
"dom": 'Bfrtip',
"buttons": [
{
text: '<i class="fa fa-search"></i> Search All',
className: 'searchAll btn btn-success btn-sm',
action: function (e, dt, node, config)
{
$('#searchAllModal').modal('show');
}
},
{
extend: 'excelHtml5', /*** here is the problem ***/
title: 'Matchback Rail Export Results',
text: '<i class="fa fa-download"></i> Export Results',
className: 'btn btn-secondary btn-sm',
customize: function( xlsx )
{
var sheet = xlsx.xl.worksheets['sheet1.xml'];
$('row c[r^="A"]', sheet).attr( 's', '2' );
},
exportOptions:
{
columns: [1,2,3,4,5,6,7,8,9,10]
}
},
{
extend: 'colvis',
text: '<i class="fa fa-toggle-on"></i> Toggle Columns',
className: 'btn btn-secondary btn-sm'
}
]
页面不喜欢代码的“扩展:'excelHtml5'”部分。 "extend: 'colvis'" 部分没有问题。
我查看了我正在使用的库:
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.colVis.min.js" type="text/javascript"></script>
在创建问题时,我得到的第一个建议是:
"Uncaught Cannot extend unknown button type: copyHtml5" - How to use `datatables.net-buttons-bs4`
但这个问题似乎是指.net平台。
我遗漏了什么有助于消除此错误?
* 更新 *
我将数据表按钮库从 1.5.2 更新到 1.5.1。此外,我还缺少以下要求:
<script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>
这解决了我的问题。
【问题讨论】:
标签: javascript jquery datatables