экспорт таблиц данных без всех значений столбцов из фильтра

Question

Я использую этот код для фильтрации столбцов в таблицах данных: https://jsfiddle.net/41vgefnf/10/

// This code has been beautified via http://jsbeautifier.org/ with 2 spaces indentation.
$(document).ready(function() {
  function cbDropdown(column) {
    return $('<ul>', {
      'class': 'cb-dropdown'
    }).appendTo($('<div>', {
      'class': 'cb-dropdown-wrap'
    }).appendTo(column));
  }

  $('#example').DataTable({
    initComplete: function() {
      this.api().columns().every(function() {
        var column = this;
        var ddmenu = cbDropdown($(column.header()))
          .on('change', ':checkbox', function() {
            var active;
            var vals = $(':checked', ddmenu).map(function(index, element) {
              active = true;
              return $.fn.dataTable.util.escapeRegex($(element).val());
            }).toArray().join('|');

            column
              .search(vals.length > 0 ? '^(' + vals + ')$' : '', true, false)
              .draw();

            // Highlight the current item if selected.
            if (this.checked) {
              $(this).closest('li').addClass('active');
            } else {
              $(this).closest('li').removeClass('active');
            }

            // Highlight the current filter if selected.
            var active2 = ddmenu.parent().is('.active');
            if (active && !active2) {
              ddmenu.parent().addClass('active');
            } else if (!active && active2) {
              ddmenu.parent().removeClass('active');
            }
          });

        column.data().unique().sort().each(function(d, j) {
          var // wrapped
            $label = $('<label>'),
            $text = $('<span>', {
              text: d
            }),
            $cb = $('<input>', {
              type: 'checkbox',
              value: d
            });

          $text.appendTo($label);
          $cb.appendTo($label);

          ddmenu.append($('<li>').append($label));
        });
      });
    }
  });
});

У меня есть кнопки Копировать, Excel и CSV для экспорта данных после представления из которых создаются данные, которые я хочу, но все значения для фильтрации столбцов также отображаются.

Таблицы данных по умолчанию возвращают только значение заголовков столбцов при экспорте, что я и хочу.

Answer 1

Используйте exportOptions для фильтрации элемента .cb-dropdown-wrap:

const exportOptions = {
  format: {
    header: function (data) {
      return $('<div></div>')
        .append(data)
        .find('.cb-dropdown-wrap')
        .remove()
        .end()
        .text()
    }
  }   
}  

В конфигурации DataTables

buttons: [
  {
    extend: 'copyHtml5',
    exportOptions: exportOptions
  },
  {
    extend: 'excelHtml5',
    exportOptions: exportOptions
  },
  {
    extend: 'csvHtml5',
    exportOptions: exportOptions
  }
]

Полностью непроверено, jsfiddle вообще не включает экспорт.

В основном то же самое, что и этот ответ -> Игнорировать HTML из заголовка в Jquery Datatables при экспорте в файл , так что вы можете сказать, что я просто мог бы пометить как обман ...