jquery - 数据表按钮未在 Laravel 中显示
问题描述
我在加载 DataTable 上的导出按钮时遇到问题,我的脚本不是按顺序排列的吗?我在控制台上没有任何错误。请帮我。
数据表脚本
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="https://cdn.datatables.net/datetime/1.0.3/js/dataTables.dateTime.min.js"></script>
<script>
$(document).ready(function(){
**DataTable Filter**
var minDate, maxDate;
$.fn.dataTable.ext.search.push(
function( settings, data, dataIndex ) {
var min = $("#min").val();
var max = $("#max").val();
var date = data[1] ;
//return(data[1] == "2021-05-18")
if (
( min === null && max === null ) ||
( min === null && date <= max ) ||
( min <= date && max === null ) ||
( min <= date && date <= max )
) {
return true;
}
return false;
}
);
**Initialize Datatable for export buttons**
var table = $("#admintable").DataTable({
dom: 'Bfrtip',
buttons: [
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5'
]
});
$('.generate').click(function(){
table.draw();
});
});
</script>
解决方案
推荐阅读
- javascript - 如何在javascript中检测2个重叠的div并切换类
- java - 翻译自定义通知字符串
- c# - 在提升权限软件的对话框中显示共享文件夹
- javascript - 带有图像的画布 drawImage() 不绘制任何内容
- solidity - 使用 web3 获取空结果表单智能合约
- javascript - 如何使用 jQuery 以编程方式单击复选框?
- c++ - 在 Visual Studio 代码中访问被拒绝
- php - 基于前一页选择以不同顺序显示项目组的方法
- java - 无法将类型“java.lang.Long”的属性值转换为所需类型
- reactjs - 如何使用 React 和 iframe 在点击时获取 className?