Как получить xls файл с таблицей из приложения

[Lamantur]

Для того чтобы оформить выгрузку в Excel уже существующей таблицы в динамическом приложении нужно обратиться к ней, перевести в UTF-8 и сформировать ссылку.

1) Возьмём таблицу html, ее можно создать готовую, или сделать самому, назначив id, наполнить ее всеми необходимыми данными, далее будем ее сохранять в xls.

   

2) сделаем обычную кнопку с надписью скачать и внутри нее создадим событие "нажата кнопка мыши"

Код:

$('#buttonID').click(function(event){
   function exportTableToExcel(tableId, filename = 'the_data_you_needed.xls') {
    let dataType = 'application/vnd.ms-excel';
    let tableSelect = document.getElementById(tableId);
   
    let tableHTML = encodeURIComponent(tableSelect.outerHTML.replace(/ or .*?>/g, '>'));
    let link = document.createElement('a');
    link.setAttribute('href', 'data:text/csv;charset=utf-8,%EF%BB%BF' + tableHTML);
    link.download = filename;
    link.click();
}
exportTableToExcel('tableID');
});

Вот и всё!
В этой функции подставляем:
buttonID - ID кнопки, которую нажимаем
tableID - ID таблицы, которую выгружаем
the_data_you_needed.xls - название файла, который получим

Hello World!:

- Сообщений не найдено.