相关疑难解决方法(0)

我想在自定义div中显示我的dataTable导出按钮.我怎样才能做到这一点 ？

我的当前代码

这是默认代码,按钮在我的表格上单独显示.我怎么编辑这个？

  $(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>

这里是小提琴 https://jsfiddle.net/qt9p2fwt/3/

我已经在数据表中创建了导出选项，我希望它现在显示在表下方。谈论要在分页旁边的表格末尾显示的下载按钮。

$(document).ready(function (){
    var table = $('#example').DataTable({
        'responsive': true,
         dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    });

    // Handle click on "Expand All" button
    $('#btn-show-all-children').on('click', function(){
        // Expand row details
        console.log('Inside click');
        table.rows(':not(.parent)').nodes().to$().find('td:first-child').trigger('click');
    });

    // Handle click on "Collapse All" button
    $('#btn-hide-all-children').on('click', function(){
        // Collapse row details
        table.rows('.parent').nodes().to$().find('td:first-child').trigger('click');
    });

    $('#btn-show-all-children').trigger('click');
});

这是小提琴https://jsfiddle.net/x5q3anys/