[英]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.