Question

我有功能footercallback的数据表，它运作良好我想添加导出数据表使用html5像这样

$('#example').DataTable( {
    dom: 'Bfrtip',
    buttons: [
        'copyHtml5',
        'excelHtml5',
        'csvHtml5',
        'pdfHtml5'
    ]
    "footerCallback": function ( row, data, start, end, display ) {
        var api = this.api(), data;
        // Remove the formatting to get integer data for summation
        var intVal = function ( i ) {
            return typeof i === 'string' ?
                i.replace(/[\$,]/g, '')*1 :
                typeof i === 'number' ?
                    i : 0;
        };
        // Total over all pages
        total = api
            .column( 6 )
            .data()
            .reduce( function (a, b) {
                return intVal(a) + intVal(b);
            }, 0 );
        // Total over this page
        pageTotal = api
            .column( 6, { page: 'current'} )
            .data()
            .reduce( function (a, b) {
                return intVal(a) + intVal(b);
            }, 0 );

        // Update footer
        $( api.column( 6 ).footer() ).html(
            'Rp'+pageTotal +' ( Rp'+ total +' total)'
        );
    }
} );

但显示错误

`SyntaxError: missing } after property list
dom: 'Bfrtip',`

你可以帮帮我吗？我错过了什么？

Answer 1

您在按钮数组后错过了逗号：

    buttons: [
        'copyHtml5',
        'excelHtml5',
        'csvHtml5',
        'pdfHtml5'
    ],

您应该试用http://jslint.com/ - 它是验证Javascript语法的绝佳资源。

Answer 2

你在列表后面错过了一个昏迷，就像这样：

buttons: [
        'copyHtml5',
        'excelHtml5',
        'csvHtml5',
        'pdfHtml5'
    ],

数据表错误：在dom中丢失}

2 个答案: