Question

当我写＆＃34;

print

 "$(function () {
        $("#example1").DataTable(
            {
                dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'print',
                        text: 'Print current page',
                        autoPrint: false
                    }]
            }
        );
        $("#structure_field-add-form").validate({});
    });"

这不是让打印按钮显示使用它我该如何解决这个问题，好吗？输出如图片

Answer 1

您是否已准备好所有必需的JS文件？

请检查此链接。 https://datatables.net/extensions/buttons/examples/initialisation/simple.html

您必须添加以下JS文件。

https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js
//cdn.datatables.net/buttons/1.3.1/js/buttons.flash.min.js
//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js
//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/pdfmake.min.js
//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/vfs_fonts.js
//cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js
//cdn.datatables.net/buttons/1.3.1/js/buttons.print.min.js

另请查看以下代码。这是我在项目中使用的数据表按钮的工作示例。

var table1 =  $('#task-table').DataTable({
        dom: 'Bfrtip',
        buttons: [
            'csv','excel','selectAll','selectNone',
            {
                extend: 'copy',
                text: 'COPY ALL',
                className: 'pull_right',
                exportOptions: {
                    modifier: {
                        page: 'all'
                    }
                }
            }
        ],
        columnDefs: [ {
            orderable: false,
            className: 'select-checkbox',
            targets:   0,
            checkboxes: {
                'selectRow': true
            }
        } ],
        select: {
            style:    'multi',
            selector: 'td:first-child'
        },
        order: [[ 1, 'asc' ]],
        "iDisplayLength" : 20,
    });

数据表不显示打印

1 个答案: