How to download collapsible table with accordion in MUI table in PDF format using JSPDF and JSPDF Autotable library - jspdf

Question

I am trying to download MUI table in React using JSPDF and JSPDF Autotable library ,but the rows inside the accordion is getting downloaded in single row.
How can I download the inner rows in the table in PDF format?
My code is as below:
import React, { Component } from 'react';
import { jsPDF } from "jspdf";
import 'jspdf-autotable';
import './DownloadPdf.scss';
class DownloadPdf extends Component {
pdfGenerate=(props)=>{
const unit = "px";
const size = "A4"; // Use A1, A2, A3 or A4
const orientation = "portrait"; // portrait or landscape
const doc = new jsPDF (orientation, unit, size);
doc.text(30, 80, "Amortization Schedule")
doc.autoTable({
html: "#amortization-table",
includeHiddenHtml: true
headStyles: {
fontStyle: "normal",
font: "Helvetica",
fillColor: "#333",
textColor: "#fff",
fontSize: 12,
},
startY: 100,
columnStyles: {0: {cellWidth: 'auto', minCellHeight: 20},1: {cellWidth: 'auto'},2: {cellWidth: 'auto'},3: {cellWidth: 'auto'},4: {cellWidth: 'auto'}},
showHead: "everyPage",
didDrawPage: function (data) {
// Header
doc.addImage(img, 'png', 10, 10, 150, 45)
// Footer
var str = "Page " + doc.internal.getNumberOfPages();
doc.setFontSize(10);
// jsPDF 1.4+ uses getWidth, <1.4 uses .width
var pageSize = doc.internal.pageSize;
var pageHeight = pageSize.height
? pageSize.height
: pageSize.getHeight();
doc.text(str, data.settings.margin.left, pageHeight - 10);
}
})
doc.save('test.pdf')
}
render() {
return (
<div className="pdf-container">
<span className="pdf-icon"></span>
<a onClick = {this.pdfGenerate}>Download PDF</a>
</div>
);
}
}
export default DownloadPdf;
///
I am trying to use the
Sample Collapsible Table