首页 > 解决方案 > 数据表按钮未在 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>

标签: jquerylaraveldatatables

解决方案


推荐阅读