Игнорировать HTML из заголовка в Jquery Datatables при экспорте в файл - PullRequest
Новая
       97

Игнорировать HTML из заголовка в Jquery Datatables при экспорте в файл

0 голосов
/ 07 апреля 2020

У меня есть простая таблица данных. Я добавил пользовательскую подсказку div в datatable с заголовками таблицы. ( Ссылка ).

Когда я пытаюсь экспортировать мой файл в excel / pdf, он также добавляет текст подсказки в файл.

enter image description here

Настройки Datatable: 

 $('#storyTable').DataTable({
    ordering: true,"autoWidth": false,
    paging: true,
    searching: true,
     dom: 'Bfrtip',
    buttons: [
        'copyHtml5',
        'excelHtml5',
        'csvHtml5',
        'pdfHtml5'
    ]
} );

Любая идея, как я могу решить эту проблему. Я не могу найти ничего полезного.

1 Ответ

1 голос
/ 14 апреля 2020

Было бы неплохо с примером разметки :) Но, перейдя по ссылке, я вижу, что вы просто используете <div class="tooltip"><span class="tooltiptext"></span></div> внутри <th>.

Посмотрите на DataTables exportOptions -> https://datatables.net/reference/api/buttons.exportData () Вы можете манипулировать всеми частями таблицы перед ее экспортом. Простой jQuery подход может быть 

...
buttons: [
  {
    extend: 'pdfHtml5',
    exportOptions: {
      format: {
        header: function (data) {
          return $('<div></div>')
            .append(data)
            .find('.tooltip')
            .remove()
            .end()
            .text()
          }
        }   
      }  
    }         
  },
  {
    extend: 'excelHtml5',
    ...and so on
  }
],
...
...