数据表“打印”按钮未出现答案

【问题标题】：Datatables "print" button not appearing数据表“打印”按钮未出现
【发布时间】：2016-09-21 18:03:10
【问题描述】：

每当我添加 dom 和按钮时，我的搜索和“显示 x 条目”都会消失，从而破坏数据表。我似乎无法弄清楚我缺少什么来显示打印按钮。

调试：http://debug.datatables.net/ireroh

JS：

$(document).ready(function() {
    $('#dataTables-example').DataTable({
            dom: 'Bfrtip',
            buttons: [
                'print'
            ]
            "sPaginationType": "full_numbers",
            "columnDefs": [
                { "searchable": false, "targets": [0, 1] }
            ]
    });
});

<script src="../bower_components/datatables/media/js/jquery.dataTables.min.js"></script>
<script src="../bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script>

【问题讨论】：

标签： twitter-bootstrap datatables

【解决方案1】：

你需要添加数据库按钮js文件..

https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js //cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js

https://cdn.datatables.net/buttons/1.2.2/css/buttons.dataTables.min.css

更多信息请查看下方。

https://datatables.net/extensions/buttons/examples/print/simple.html

【讨论】：

检查我的问题，我已经加载了它们。会不会是错误的？
顺序不正确。你能改变buttons.print.min.js和dataTables.buttons.min.js的顺序吗？还要检查我从您的链接中克隆的这个。 live.datatables.net/vukoxagu/1

【解决方案2】：

一定要这样写，先加载脚本文件；

    <script src="../bower_components/datatables/media/js/jquery.dataTables.min.js"></script>
    <script src="../bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script>


$(document).ready(function() {
    $('#dataTables-example').DataTable({
            dom: 'Bfrtip',
            buttons: [
                'print'
            ]
            "sPaginationType": "full_numbers",
            "columnDefs": [
                { "searchable": false, "targets": [0, 1] }
            ]
    });
});

【讨论】：