Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery数据表-按钮_Jquery_Html_Button_Datatables - Fatal编程技术网

jQuery数据表-按钮

jQuery数据表-按钮,jquery,html,button,datatables,Jquery,Html,Button,Datatables,我正在尝试将datatables按钮应用到现有的表中,但似乎无法使其正常工作。主要问题是,按照官方网站上的示例,甚至在SE上的帖子,大多数用户似乎都是通过datatables AJAX加载表内容的,而我处理的是现有的PHP+MySQLi生成的表 简而言之,如何应用手册中的代码: $(document).ready(function (){ var table = $('#example').DataTable({ dom: 'frtip', ajax: '

我正在尝试将datatables按钮应用到现有的表中,但似乎无法使其正常工作。主要问题是,按照官方网站上的示例,甚至在SE上的帖子,大多数用户似乎都是通过datatables AJAX加载表内容的,而我处理的是现有的PHP+MySQLi生成的表

简而言之,如何应用手册中的代码:

$(document).ready(function (){
    var table = $('#example').DataTable({
        dom: 'frtip',
        ajax: 'https://api.myjson.com/bins/qgcu',
        buttons: [
          {
             extend: 'collection',
             text: 'Export',
             buttons: [ 'pdfHtml5', 'csvHtml5', 'copyHtml5', 'excelHtml5' ]
          }
       ]
    });

    $('#btn-pdf').on('click', function(){
        table.button( '0-0' ).trigger();
    });

    $('#btn-csv').on('click', function(){
        table.button( '0-1' ).trigger();
    })
将它应用到现有的dmlog_表中


我也有和你一样的问题,我也在处理一个现有的表。 可以获取现有表,并为其提供DataTables的功能

对于按钮问题, 我刚从你那里拿的,但这里有一个


确保包含所有脚本。

这方面有什么进展吗?对不起,我离开电脑一天了,解决方案工作得很好。非常感谢你!
<script type="text/javascript" class="init">                            
  $('#dmlog_table').DataTable({
    "pagingType": "full_numbers",
    "lengthChange": false,
    "searching": true,
    "ordering": true,
    "order": [[ 0, "desc" ]],
    "info": true
  });
</script>
$('#example').DataTable( {
    dom: 'Bfrtip',
    buttons: [
        'copyHtml5',
        'excelHtml5',
        'csvHtml5',
        'pdfHtml5'
    ]
} );