Я работаю над экспортом данных таблицы в формат PDF, используя Reactjs. Я показываю json data в виде HTML-таблицы внутри Reactjs component.
Я дал кнопку с именем Export для экспорта данных в любом формате. Пока я работаю только над экспортом данных в формат PDF. Кто-нибудь может мне с этим помочь. Есть ли какой-либо пакет для импорта или какой-либо конкретный код для экспорта данных в файл PDF. Все может быть полезно. Заранее спасибо...
🤔 А знаете ли вы, что...
HTML5 внедрил множество новых семантических элементов, таких как <header>, <footer>, <nav> и другие.
Вы можете преобразовать свой дом в холст и сохранить холст в формате pdf,
ДОМ на холст,
const input = document.getElementById('mytable');
html2canvas(input)
.then((canvas) => {
const imgData = canvas.toDataURL('image/png');
})
;
Холст в пдф,
html2canvas(input)
.then((canvas) => {
const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF();
pdf.addImage(imgData, 'PNG', 0, 0);
pdf.save("download.pdf");
});
;
Как было предложено,
Мы также можем использовать jspdf-autotable для создания pdf (работает только с таблицей или jsonarray),
var doc = new jsPDF();
// You can use html:
doc.autoTable({html: '#my-table'});
// Or JavaScript:
doc.autoTable({
head: [['Name', 'Email', 'Country']],
body: [
['David', '[email protected]', 'Sweden'],
['Castille', '[email protected]', 'Norway'],
// ...
]
});
doc.save('table.pdf');
Загрузите ZIP-файл и проверьте демонстрационный файл. затем используйте его. ссылка ниже.
tableExport.jquery.plugin-мастер