数据表 + 如何将服务器端处理代码与文件导出代码结合起来

Question

这是添加按钮以将数据导出到 csv、pdf、excel 的数据表示例...... fiddle here

https://datatables.net/extensions/buttons/examples/initialisation/export.html

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );
} );

这是服务器端处理的数据表示例

https://datatables.net/examples/server_side/simple.html

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "scripts/server_processing.php"
    } );
} );

现在我如何将上述代码合二为一，以便我有一个进行服务器端处理的数据表，这是我的尝试，但我不确定它在哪里出错，或者我是否确实接近。

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": "scripts/server_processing.php",
        "dom": 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]       
    } );
} );

我尝试了各种排列，但控制台中仍然出现错误 Uncaught SyntaxError: Unexpected string任何人都可以建议吗？

这是我正在使用的真实示例

    $(document).ready(function() {
        var dataTable = $('#employee-grid').DataTable( {
            "processing": true,
            "serverSide": true,
            "ajax":{
                url :"employee-grid-data2.php", // json datasource
                type: "post",  // method  , by default get
                error: function(){  // error handling
                    $(".employee-grid-error").html("");
                    $("#employee-grid").append('<tbody class="employee-grid-error"><tr><th colspan="3">No data found in the server -- startagain1-index2.php </th></tr></tbody>');
                    $("#employee-grid_processing").css("display","none");

                }
            },
            "dom:" 'Bfrtip',
            "buttons": [
                'copy', 'csv', 'excel', 'pdf', 'print'
            ]
        } );
    } );

Answer 1

您有 sintax 错误，请在此行中更改代码:

不正确:

"dom:" 'Bfrtip', 

正确的:

"dom" : 'Bfrtip', 

结果: jsfiddle