Я пытаюсь экспортировать footable в xlsx, используя:
FileSaver. js xlsx.full.min. js
Экспорт работает, но у меня 2 проблемы в сохраненный файл Excel:
1) название «AUG1» интерпретируется как август. Как я могу отформатировать ячейки Excel как текст? 2) Excel содержит первую строку, образованную объединением слова «Поиск» и всех имен полей в таблице. Я хотел бы удалить эту первую строку из Excel.
Это мой код в коде: https://cdpn.io/arfry/debug/NWGooNa/ZoABazVRoNEr (загрузка в Excel работает только в режиме отладки, я не знаю почему! )
Это ручка: https://codepen.io/arfry/pen/NWGooNa
, а это код:
<div class="container">
<div class="panel-heading" > Filtered: <span class="row-count"></span>
<button class="btn btn-warning saveAsExcel pull-right" type="button">saveAsExcel</button>
</div>
<table id="tabella" class="table is-bordered is-fullwidth" style="margin-top: 16px;">
<thead>
<tr>
<th data-breakpoints="xs">PL</th>
<th data-type="html">Name</th>
<th data-breakpoints="xs sm">Total Time</th></tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><a href="#">GAR</a></td>
<td>20:04:12</td>
</tr>
<tr>
<td>2</td>
<td><a href="#">AUG1</a></td>
<td>20:13:35</td>
</tr>
<tr>
<td>3</td>
<td><a href="#">JAIL</a></td>
<td>10:17:35</td>
</tr>
</tbody>
</table>
</div>
$(function() {
$('.table').footable({
filtering: {
enabled: true
},
on: {
"postdraw.ft.table": function(event, footable){
let rowCount = footable.rows.array.length;
$(".row-count")[0].textContent = rowCount;
}
}
});
});
$(document).ready(function(){
$(".saveAsExcel").click(function(){
var workbook = XLSX.utils.book_new();
var worksheet_data = document.getElementById("tabella");
var worksheet = XLSX.utils.table_to_sheet(worksheet_data);
workbook.SheetNames.push("Test");
workbook.Sheets["Test"] = worksheet;
exportExcelFile(workbook);
});
})
function exportExcelFile(workbook) {
return XLSX.writeFile(workbook, "bookName.xlsx");
}
Заранее спасибо.