jQuery数据表-按钮
我正在尝试将datatables按钮应用到现有的表中,但似乎无法使其正常工作。主要问题是,按照官方网站上的示例,甚至在SE上的帖子,大多数用户似乎都是通过datatables AJAX加载表内容的,而我处理的是现有的PHP+MySQLi生成的表 简而言之,如何应用手册中的代码: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: '
$(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'
]
} );