未捕获无法扩展未知的按钮类型:excelHtml5

时间:2018-11-28 15:17:25

标签: javascript jquery datatables

尝试使用与其他应用程序中相同的代码创建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'”部分。 “扩展:'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>

这解决了我的问题。

1 个答案:

答案 0 :(得分:2)

在此documentation中说,它需要Buttons扩展名和其他要求,您满足所有要求吗?