4

Всем доброго времени суток. Проблема такая, у меня есть таблица html, нужно эту таблицу экспортировать в excel. Я использую библиотеку exceljs, основной проблемный момент - это передать значения таблицы в эту библиотеку для вывода в файл XLSX

Вот основные этапы передачи

const wsTitle = 'value';
var workbook = new ExcelJS.Workbook();
var worksheet = workbook.addWorksheet(wsTitle);
worksheet.getCell('A1').value = wsTitle;

Для наглядности вот код который создает напрямую заголовок и строку, а мне нужно как то передавать в WORKSHEET.COLUMNS содержимое таблицы, т.к. будет несколько таблиц на нескольких страницах

worksheet.columns = [

   { header: 'Head', key: 'id', width: 15 },
   { header: 'Title', key: 'title', width: 25, style: {alignment: {wrapText: true}}},
   { header: 'test', key: 'test', width: 25, style: {alignment: {wrapText: true}}}

];

worksheet.addRow({id: 1, title: 'John Doe', test:'YOMF'});

Очень надеюсь на вашу помощь, уже пробовал парсить в json и передавать в эту функцию, но ничего хорошего не произошло.

18
  • обычная таблица thead tbody tfoot, я перебрал значения var table_thead = $('#table thead tr').each(function (index, element) { $(this).each(function(index_x, element_x) { console.log(element_x); }) }); в консоли выводит эти значения (пока только thead) но все-таки не пойму как засунуть их в функцию чтобы они были внесены в excel файл, скачивание использую обычный blob 2 апр 2018 в 4:29
  • Вам нужен парсер из HTML в EXCEL. Таблицу можно экспортировать в поддерживаемый формат Excel называемый csv (en.wikipedia.org/wiki/Comma-separated_values). Все просто на самом деле и я не знаю зачем вам библиотека для подобной задачи.
    – Telion
    2 апр 2018 в 5:32
  • Кстати я бы еще посоветовал использовать JQ и просто пройтись в таблице по рядам. $.each для tr внутри которого второй $.each для td.
    – Telion
    2 апр 2018 в 5:34
  • @Telion дело в том, что мало библиотек смогут экспортировать картинку в base64 и впихнуть ее в excel))) поэтому сказали использовать exceljs, в данной ситуации где мы создаем worksheet.columns я непойму как передать значения из моей таблицы а именно tr th 2 апр 2018 в 5:36
  • Окей(я не говорю что так надо делать, я делюсь знаниями). Но если хотите конвертировать картинку в base64 вот я тут нашел пару ответов: stackoverflow.com/questions/6150289/…. На счет библиотеки врядли смогу помочь, впервые вижу.
    – Telion
    2 апр 2018 в 5:39

2 ответа 2

1

Здравствуйте вот замечательная и простая библиотека для экспорта в Excel и вот пример js кода что вам понадобиться для её использования. Обязательно подключите после Jquery

$('table').tableExport({  //ваша таблица 
filename: 'example.xls'// имя файла 
escape: 'true', // убрать escape символы
htmlContent: 'true' //убрать вёрстку
});
1
0

 с задачей справился, все очень помогли, воспользовался библиотекой exceljs, когда разобрался оказалась очень простой

var arr_head = [];
var get_head = $('#table thead tr').each(function (index, element) {    
var elements = $(element).find("th");
 $(elements).each(function(index_head, element_head) {
 arr_head.push({ header: $(element_head).text(), width: 15});
    });

});

 worksheet.columns = arr_head;

это сама процедура поиска по элементам таблицы и занеения в массив, в итоге мы просто обращаемся к нашей библиотеке к свойствам колонок и ложим туда наши значения , это повторяется с tbody, theader,tfoot,если есть вопросы задавайте))

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.