如何在AutoTable中生成PDF时将损坏的输入修复到表

Question

在这里，我试图获取用户输入到表中的数据（我将数据存储在数组中），并使用AutoTable-jsPDF将其以表格式打印为PDF，但我在PDF

这是html页面https://ibb.co/crf6CWb上的用户输入

//to generate PDF 
tableData = []
arr=[]
const pdf = () => {
    var doc = new jsPDF();
    let returnedTarget= Object.assign({}, tableData);
    console.log("inside the new fun  ")
    console.log(returnedTarget)
    console.log( returnedTarget[Object.keys(returnedTarget)[0]] )
    var col = [["Date","Time","Food Item","Amount Taken","Time 
 Taken","Role"]];

       let rows = [];


        for(let i=0;i<tableData.length;i++){
        arr.push(returnedTarget[Object.keys(returnedTarget)[i]] )
        rows.push(arr[i]);
        }

        doc.autoTable({head:col,body: rows});

        doc.save('Doc.pdf');
}

在func下创建具有用户输入值的数组

function tableToArray() {
    const myTab = document.getElementsByClassName( 'foodrecord' ),

        _length = myTab.length;

    for ( let i = 0; i < _length; i++ ) {
        const _value = myTab[ i ].value,
            _innerText = myTab[ i ].innerText;
        if ( _value ) {

            tableData.push( _value )

        } else if ( _innerText ) {

            tableData.push( _innerText )

        }

    }

}

这是我从pdf生成中获得的 https://ibb.co/s5w4RQK