typescript - Hur man exporterar tabelldata till PDF och skriver ut funktionalitet i Angular 7?

Jag försöker exportera mina dynamiska tabelldata till Excel, PDF och skriva ut. Men jag kan inte förstå vilken Angular Material som ska användas och vilka npm-pluginer som krävs för att exportera tabelldata som PDF och med alternativet Skriv ut. Kan du vänligen ge förslag och hjälpa till att lösa detta problem?

Jag kan exportera data som Excel, men kan inte exportera som PDF och letar fortfarande efter utskriftsfunktionen.

Svar #1

tack och jag kan skriva ut data från HTML-tabellen. Använd koden nedan i din .ts-fil genom att skicka id som jag skickade.

print(): void {
    let printContents, popupWin;
    printContents = document.getElementById('print-section').innerHTML;
    popupWin = window.open('', '_blank', 'top=0,left=0,height=auto,width=auto');
    popupWin.document.open();
    popupWin.document.write(`
  <html>
    <head>
      <title>Print tab</title>
      <style>
      //........Customized style.......
      </style>
    </head>
<body onload="window.print();window.close()">${printContents}</body>
  </html>`
    );
    popupWin.document.close();
}

Svar #2

public generatePDF()
{
    var data = document.getElementById('contentToConvert');
    html2canvas(data).then(canvas => {
        // Few necessary setting options
        var imgWidth = 208;
        var pageHeight = 295;
        var imgHeight = canvas.height * imgWidth / canvas.width;
        var heightLeft = imgHeight;

        const contentDataURL = canvas.toDataURL('image/png')
        let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF
        var position = 0;
        pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight)
        pdf.save('MYPdf.pdf'); // Generated PDF
    });
}

Genom att använda ovanstående funktion kan vi konvertera tabellens data till pdf och skicka ett ID till din tabell. ....