Question

我已将CSV按钮配置为正常工作。现在，我的客户希望将第二个CSV按钮添加到表格的底部，这样如果有人滚动到底部，他们就不必去桌面顶部导出。

opentable = $("#open").dataTable( {
    dom: "Bfrtip",
    "data": openData,
    "columns": [{
        data: "severity", render: function (data, type, row) {
            if (type === 'export') {                            
                return data;                        
            } else {                            
                return '';                         
        }          
    }],         
    "paging": true,         
    "searching": true,         
    buttons : [{             
        extend: 'csv',             
        exportOptions: {                 
            columns: [0,1,2,3,4,5,6,7,8,9,10], orthogonal: 'export'             
        }          
    }]        
});

如果不清楚，我想从第一张图片转到第二张图片：

Answer 1

我使用数据表几个小时，直到我遇到dom page，并意识到我可以添加第二个 B。

我的dom现在是BfrtBip，这会在信息之前添加第二个按钮（在表格下方）。你可以使用这种方法添加任何东西的第二个（第三个，第四个......）。

Answer 2

也许你可以克隆包含按钮的类然后将它放在靠近底部的地方

$(".dt-buttons").clone(true).prependTo(".dataTables_info");

这是一个实例： http://live.datatables.net/tehopova/1/edit

如何将第二个CSV导出按钮添加到DataTable？

2 个答案: