dataTables Экспорт в Excel кнопка не отображается

Question

У меня проблема с jQuery dataTables. «Экспорт в Excel» не отображается в iPad и мобильных устройствах. Он отображается на рабочем столе. Другие кнопки, такие как copy, csv и pdf, отображаются на iPad и на рабочем столе. Вот мой код:

$('#productDatatable').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [ 
     'copy', 'excel', 'pdf', 'csv' 
    ] 
}); 

Answer 1

Вы должны обратиться к ★html5 версии

$('#productDatatable').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [ 
    'copyHtml5', 'excelHtml5', 'pdfHtml5', 'csvHtml5' 
    ] 
}); 

Причина: При использовании copy, excel и т.д., вы на самом деле в опасности со ссылкой на реализации вспышки, который действительно следует рассматривать только как резерв. Flash удаляется/отключается от iPads и большинства смартфонов, поэтому кнопка Excel не работает. Если у вас возникли проблемы, убедитесь, что вы включили эти файлы библиотеки

jszip.min.js 
pdfmake.min.js 
vfs_fonts.js 
buttons.html5.min.js 

Answer 2

Хорошо, так что я был точно такой же проблемой (кнопка Excel не показывая в то время как другие кнопки), и кажется, что вы должны включить ваш JavaScript файлов в определенном порядке, или он не будет работать.

Для меня проблема заключалась в том, что я в том числе buttons.html5.js до jszip.js, но вы должны поместить их в таком порядке:

jszip.js 
buttons.html5.js 

И вы также должны поместить эти два файла после DataTables и DataTables.buttons

Что я нахожу проблематичным, так это то, что если вы поместите их в неправильном порядке, в консоли браузера не будет отображаться ошибка JavaScript.

Answer 3

Попробуйте загрузить необходимые JS-библиотеки в следующем порядке, если у кого-либо еще есть проблемы с отображением кнопок экспорта DataTable.

<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></scirpt> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></scirpt> 
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js"></scirpt> 

Cheers!

Answer 4

Я столкнулся с той же проблемой в Asp.NET MVC 4. Дело в том, что вы добавляете свои файлы CDN/JS на страницу _layout, тогда кнопки не будут отображаться на главной странице. вместо этого добавьте эти файлы CDN/JS на страницу, которую вы используете для таблицы данных. также убедитесь, что они в правильном порядке.

jquery.min.js 
jszip.min.js 
pdfmake.min.js 
vfs_fonts.js 
buttons.html5.min.js 

Answer 5

У меня была такая же проблема, это было не из-за сценариев jquery.

Перейти в настройки браузера (хром в моем случае)> Поиск вспышки>

Нажмите на Control, какую информацию веб-сайты могут использовать> он будет перемещаться к настройкам контента (хром: // Настройки/содержание поиск = мигает)>

Нажмите на флэше>

В Allow блоке добавить свой сайт, используя кнопку Добавить

Answer 6

Просто добавьте эти ссылки перед вашей таблицей данных сценария. Меня устраивает.

Для создания DataTable использования этого -

<link rel="stylesheet" href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"> 
<script src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script> 

И кнопка таблицы данных использовать эти ссылки -

<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.4.1/css/buttons.dataTables.min.css"> 
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/dataTables.buttons.min.js"></script> 
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/buttons.flash.min.js"></script> 
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/buttons.html5.min.js"></script> 
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.4.1/js/buttons.print.min.js"></script> 

Answer 7

Экспорт в Excel не работает на Mac либо. С сайта datatable: «Кнопка excelHtml5 вообще не будет работать в Safari - как указано в документации кнопки. Это из-за нереализованной функции в Safari».

Обратите внимание, что даже если вы используете Chrome в яблочных продуктах, он по-прежнему использует движок Safari, поэтому он не будет работать.

Возможно, это будет исправлено в будущем, но на данный момент я просто добавил кнопку CSV