Таблицы данных: как показать сообщение во время экспорта данных (Excel, PDF и т. Д.)?

Question

Я использую плагин кнопок DataTables для экспорта моих данных в Excel, PDF и т. Д. Но когда приходится экспортировать много строк данных, процесс иногда занимает много времени при создании файла, мне нравится показывать сообщение, котороеуказывает на то, что загрузка продолжается до тех пор, пока не появится окно «Сохранить как».

Я реализовал только стандартную конфигурацию кнопок в инициализации datatable.

Заранее большое спасибо за любую идею или предложение.

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», в теле таблицы показывается счетчик;в соответствии с информацией, которую я нашел, это работает только тогда, когда вы используете серверную часть.