数据表:如何在导出数据时显示消息(Excel，PDF等)?

Question

我使用DataTables按钮插件将我的数据导出到Excel，PDF等。但是，当必须导出许多行数据时，该过程有时在创建文件时需要花费大量时间，我喜欢显示一条消息，指示下载正在进行中，直到出现"另存为"窗口。

我只在数据表的初始化中实现了标准按钮配置。

提前非常感谢任何想法或建议。

Answer 1

当我使用服务器端处理来获取数据表的数据时，我启用了"处理"和"bprocessing"选项，并使用语言参数自定义微调器，如下所示：

$('#my_table').DataTable({
"lengthMenu": [[10, 25, 50, 100], [10, 25, 50, 100]],
"columnDefs": [
{ "className": "dt-body-center", "targets": "_all" }
],
"responsive": true,
"processing": true, 
"bProcessing": true,
"autoWidth": false, 
"serverSide": true,
"ajax": "url",
"aaSorting": [2, 'desc'],
"pagingType": "full_numbers",
"language": {
"sProcessing": '<i class="fas fa-asterisk fa-spin fa-6x fa-fw"></i> 
<br>PROCESSING <br> Please wait...',
},
},
dom:
"<'row'<'col-sm-4'B><'col-sm-4 text-center'l><'col-sm-4'f>>" +
"<'row'<'col-md-12'tr>>" +
"<'row'<'col-md-7'i><'col-sm-5'p>>",
buttons:[
{
extend: 'excelHtml5',
text:'<i class="fas fa-file-excel fa-lg"></i>',
titleAttr: 'Exportar a Excel (XLSX)',
className:'btn btn-success',
title:'DAWPs Data',
action: newexportaction,
},
{
text:'<i class="fas fa-sync"></i>',
titleAttr: 'Limpiar filtro',
className:'btn btn-secondary',
action: function (e, dt, node, config) {
dt.search('').draw();
dt.order([2,'desc']).draw();
}
},
],
}); 

现在通过这些修改，当我单击导出到 excel 按钮时，微调器显示在表体中; 根据我发现的信息，这仅在您使用服务器端时才有效。