jsPDF autoTable columnWidth wrap cuts table off

I am using jsPDF to generate a PDF from an HTML table and jsPDF is great, expect I am having one issue, when I try to wrap the columnWidth, my table gets cut off 😦

var doc = new jsPDF('l', 'mm', "a0");
var tbl = $('#cost-matrix-table').clone();
tbl.find('tr:nth-child(1)').remove();
tbl.find('tr:nth-child(1)').remove();
tbl.find('tr:nth-child(2)').remove();
var res = doc.autoTableHtmlToJson(tbl.get(0));

doc.autoTable(res.columns, res.data, {
    startY: 40,
    margin: {
        top: 40
    },
    addPageContent: function (data) {
        doc.setFontSize(28);
        doc.setTextColor(0);
        doc.setFontStyle('bold');
        doc.text("Cost Matrix " + $("#dropdown").val(), 500, 30);
    },
    styles: {
        fontSize: 20,
        overflow: 'linebreak',
        columnWidth: 'wrap',
    },
    theme: 'grid'
});

doc.save("Report.pdf");

Is there a solution for this?

[Tichju]

doc.autoTable(columns, JSON.parse(rows), {
        margin: {horizontal: 5},
        bodyStyles: {valign: 'middle'},
        styles: {overflow: 'linebreak', columnWidth:'wrap'},
        theme: 'plain',
        columnStyles: {
            text: {
                columnWidth: 'wrap'
            },
            columnName1: {
                columnWidth: 45,
                fontStyle: 'bold',
                textColor: 240                
            },
            description: {
                columnWidth: 107
            },
            columnName2: {
                columnWidth: 45
            },
            columnName3: {
                columnWidth: 45
            },
            columnName4: {
                columnWidth: 45
            }
        }
    });

The code looks for numbers, it was enough to remove the ‘’. ‘107’ → 107

[lavirana]

how I can set the single row height according to the image height in the table?