When try to Download Table Data via respective handler triggers, it appends to the URL therefore routing to F7 404 page.
This new route URL:
http://localhost/gaf/#/config/terminals/blob:http://localhost/92994291-6b4b-46c5-b948-d10284fcdbb8
Has any one worked with this library with Framework7? and how possibly can I prevent routing to 404 page.
// Buttons for exporting table data
Download CSV
Download JSON
<button type="button" id="download-xlsx" class="col button bg-color-green">Download XLSX</button>
<button type="button" id="download-pdf" class="col button bg-color-deeppurple">Download PDF</button>
<button type="button" id="download-html" class="col button bg-color-black">Download HTML</button>
//Build Tabulator
var table = new Tabulator("#example-table", {
layout:"fitColumns",
pagination:"local",
paginationSize:6,
paginationSizeSelector:[3, 6, 8, 10],
//movableColumns:true,
autoColumns: true,
data: [
{id:1, name:"Billy Bob", age:"12", gender:"male", height:1, col:"red", dob:"", cheese:1},
{id:2, name:"Mary May", age:"1", gender:"female", height:2, col:"blue", dob:"14/05/1982", cheese:true},
{id:3, name:"Christine Lobowski", age:"42", height:0, col:"green", dob:"22/05/1982", cheese:"true"},
{id:4, name:"Brendon Philips", age:"125", gender:"male", height:1, col:"orange", dob:"01/08/1980"},
{id:5, name:"Margret Marmajuke", age:"16", gender:"female", height:5, col:"yellow", dob:"31/01/1999"},
]
});
//trigger download of data.csv file
document.getElementById("download-csv").addEventListener("click", function(e){
table.download("csv", "data.csv");
//table.print(false, true);
});
//trigger download of data.json file
document.getElementById("download-json").addEventListener("click", function(){
table.download("json", "data.json");
});
//trigger download of data.xlsx file
document.getElementById("download-xlsx").addEventListener("click", function(){
table.download("xlsx", "data.xlsx", {sheetName:"My Data"});
});
//trigger download of data.pdf file
document.getElementById("download-pdf").addEventListener("click", function(){
table.download("pdf", "data.pdf", {
orientation:"portrait", //set page orientation to portrait
title:"Example Report", //add title to report
});
});
When I init a new project with same code, it works fine, but with F7, routing issues.