无法将 EXPORT 按钮添加到 codeigniter 中的数据表

Posted 2023-05-09

【中文标题】无法将 EXPORT 按钮添加到 codeigniter 中的数据表

【英文标题】：Not able to add EXPORT buttons to datatable in codeigniter

【发布时间】：2016-09-09 10:16:57

【问题描述】：

我已经在头部加载了以下必要的脚本和CSS。这是我的代码

<script type="text/javascript" src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.1.2/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/buttons/1.1.2/js/buttons.flash.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script type="text/javascript" src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
<script type="text/javascript" src="//cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
 <script type="text/javascript" src="//cdn.datatables.net/buttons/1.1.2/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="//cdn.datatables.net/buttons/1.1.2/js/buttons.print.min.js"></script>

CSS 代码：

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.1.2/css/buttons.dataTables.min.css">

这是我的数据表代码。通过DOM，它只是改变搜索的位置并显示每页的条目，但我没有得到各种导出按钮。

$(document).ready(function() 
table = $('#table').DataTable( 
      "dom": '<"top"i>rt<"bottom"flp><"clear">',
    "buttons": [
        'copy', 'csv', 'excel', 'pdf', 'print'
    ],
    "processing": true, //Feature control the processing indicator.
    "serverSide": true, //Feature control DataTables' server-side processing mode.
    "order": [], //Initial no order.

    // Load data for the table's content from an Ajax source
    "ajax": 
        "url": "<?php echo site_url('person/ajax_list')?>",
        "type": "POST"
    ,

    //Set column definition initialisation properties.
    "columnDefs": [
     
        "targets": [ -1 ], //last column
        "orderable": false, //set not orderable
    ,
    ],

);

//datepicker
$('.datepicker').datepicker(
    autoclose: true,
    format: "yyyy-mm-dd",
    todayHighlight: true,
    orientation: "top auto",
    todayBtn: true,
    todayHighlight: true,  
);

//set input/textarea/select event when change value, remove class error and remove text help block 
$("input").change(function()
    $(this).parent().parent().removeClass('has-error');
    $(this).next().empty();
);
$("textarea").change(function()
    $(this).parent().parent().removeClass('has-error');
    $(this).next().empty();
);
$("select").change(function()
    $(this).parent().parent().removeClass('has-error');
    $(this).next().empty();
);
);

【参考方案1】：

您的“dom”属性中应该有一个“B”：

"dom": 'Brt'

这就是触发按钮创建的原因