首页 文章

JavaScript / JQuery DataTables - 使用现有的JQuery代码插入工具（PDF，复制，CSV，打印）

提问于
浏览 次
0

我有一个DataTable的现有JQuery代码，它允许隐藏的第一列按降序排列 .

<script>
            $(document).ready(function() {
                $('#dataTables-example').DataTable( {
                  order:[[0,"desc"]],
                    "columnDefs": [
                        {
                            "targets": [ 0 ],
                            "visible": false,
                            "searchable": false
                        }
                    ]
                } );
            } );
</script>

我想添加这行代码，我从DataTables.net复制

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

应该怎么做？我试过这样做：

<script>
            $(document).ready(function() {
                $('#dataTables-example').DataTable( {
                  order:[[0,"desc"]],
                    "columnDefs": [
                        {
                            "targets": [ 0 ],
                            "visible": false,
                            "searchable": false
                        }
                    ],
                    dom: 'Bfrtip',
                    buttons: [
                        'copy', 'csv', 'excel', 'pdf', 'print'
                    ]
                } );
            } );
</script>

但它不会起作用 . 有人可以帮我纠正格式吗？我想补充其他相关信息 . 在“打印”按钮和“PDF”按钮上，我希望它处于“横向”模式并添加了自定义消息 . 像这样：

extend: 'pdfFlash',
            messageTop: 'PDF created by Buttons for DataTables.'

有人可以帮我弄这个吗？谢谢 .

javascript jquery datatables

1 回答

  • 0

    您需要创建按钮阵列，尝试这种方式

    $(document).ready(function () {
    $('#dataTables-example').DataTable({
        order: [[0, "desc"]],
            "columnDefs": [
            {
                "targets": [0],
                "visible": false,
                "searchable": false
            }
        ],
        dom: 'Bfrtip',
        buttons: [
            { extend: 'copy' },
            { extend: 'csv' },
            { extend: 'excel' },
            { extend: 'pdf', title: 'ExampleFile' },
            { extend: 'print' }
        ]
        });
     });
    回复于

相关问题