Экспорт кнопок данных Datatables Выберите DropDown при экспорте данных клика с заголовком заголовка по умолчанию - PullRequest
0 голосов
/ 04 февраля 2020

Последние два дня мне снился кошмар. Я всюду искал решение, но до сих пор я не нашел ни одного работающего решения.

Я использую таблицы данных с выпадающим списком выбора для отображения моих данных, и все работает хорошо! Когда я пытаюсь экспортировать его в excel, csv, copy, print, et c ..., заголовки моей таблицы меняют sh вместе. Я знаю, что делать с содержимым html при экспорте данных. Я просто не могу отключить «скрыть» при экспорте данных

Ниже приведен пример сильфона:

Перед экспортом Before I click the export button

Когда я экспортирую When I click to export the data it shows like that

Как я хотел бы показать это при экспорте How I would like the export data to show

Код, который я использую

$(document).ready(function() {
    var table = $('#example').DataTable( {
        initComplete: function () {
            this.api().columns().every( function () {
                var column = this;
                var select = $('<select><option value="">' + $(this.header()).html() + '</option></select>')
                    .appendTo( $(column.header()).empty() )
                    .on( 'change', function () {
                        var val = $.fn.dataTable.util.escapeRegex(
                            $(this).val()
                        ); 
                        column
                            .search( val ? '^'+val+'$' : '', true, false )
                            .draw();
                    } );
                column.data().unique().sort().each( function ( d, j ) {
                    select.append( '<option value="'+d+'">'+d+'</option>' )
                } );
            } );
        },
        responsive: true,
        dom: 'Blfrtip',"language": { "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Portuguese.json"},
        buttons: {
            buttons: [
                { extend: 'copy', text: 'Copiar', className: 'copyButton' },
                { extend: 'excel', text: 'Excel', className: 'excelButton' },
                { extend: 'csv', text: 'CSV', className: 'csvButton' },
                { extend: 'pdf', text: 'PDF', className: 'pdfButton' },
                { extend: 'print', text: 'Imprimir', className: 'printButton' }
            ]
        }
    });
});
...