大佬教程收集整理的这篇文章主要介绍了jquery – dataTables导出按钮显示在自定义位置？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我的当前代码
$(document).ready(function() {
$('#example').DataTable( {
dom: 'Bfrtip',buttons: [
'excelHtml5','csvHtml5',]
} );
} );
我想要显示的地方
<select id="ex">
<option>Export </option>
<option id="csv" >CSV</option>
<option id="xls" >XLS</option>
</select>
<select id="exportLink"> <option>Export userlist</option> <option id="csv">Export as CSV</option> <option id="excel">Export as XLS</option> <option id="copy">Copy to clipboard</option> <option id="pdf">Export as PDF</option> </select>
将initComplete处理程序添加到dataTables初始化选项：
initComplete: function() {
var $buttons = $('.dt-buttons').hide();
$('#exportLink').on('change',function() {
var btnClass = $(this).find(":selected")[0].id
? '.buttons-' + $(this).find(":selected")[0].id
: null;
if (btnClass) $buttons.find(btnClass).click();
})
}
更新小提琴 – > https://jsfiddle.net/qt9p2fwt/17/
以上是大佬教程为你收集整理的jquery – dataTables导出按钮显示在自定义位置？全部内容，希望文章能够帮你解决jquery – dataTables导出按钮显示在自定义位置？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。