繁体   English   中英

表格打印的引导按钮

[英]Bootstrap button for Table Print

我的 html 页面中有一个引导表。 按照引导文档https://bootstrap-table.com/docs/extensions/print/ ,我下载并在我的项目中插入了扩展文件夹。 我创建了一个打印按钮

<div id="toolbar"> 
   <button type='button' class='btn btn-warning btn-lg'><span class='glyphicon glyphicon-print' aria-hidden='true'></span> Stampa mancanti</button> 
</div> 
<table id="example" class="display nowrap" cellspacing="0" width="100%" data-toolbar="#toolbar">

插入我的页面

<script src="extensions/print/bootstrap-table-print.js"></script>

但是当我按下打印按钮时,什么也没有发生。 所有其他 glyphicon 按钮(编辑、添加、删除等)都可以正常工作,但可以使用

if(isset($_POST['edit'])){..... }

我想做这样的事情:

<script>
        $(document).ready(function() {
                $('#example').DataTable({
                    responsive: true,
                    "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
                    dom: 'Bfrtip',      
                    buttons: [
                        {
            extend:'print',
             exportOptions:{columns:[0,1,2]} 
            },          
            'excelHtml5',            
            'pdfHtml5'
                    ],
                    "language": {
                    "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Italian.json"
                }
                });
            });

    </script>   

但使用 Bootstrap glyphicon 按钮

尝试这个

正确的路:

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.15.4/extensions/print/bootstrap-table-print.js"></script>

错误道:

<script src="extensions/print/bootstrap-table-print.js"></script>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM