html - issue with arrange content in pdf with jquery

Question

I am trying to download pdf with jquery but when I download pdf it showing content

for that I have make below code

{ 
                extend: 'pdfHtml5',  title: 'Customer Sales Rep Sales Totals', orientation: 'landscape',
                footer: true,
                action: newPDFAction,
                exportOptions: {
                    columns: ':visible',                    
                    order: 'applied',
                    modifier: {
                        pageMargins: [ 0, 0, 0, 0 ], // try #3 setting margins
                        margin: [ 10,0 ], // try #4 setting margins
                        alignment: 'center'
                    }, 
                    body : {
                        margin:[10,0],
                        pageMargins: [ 0, 0, 0, 0 ],
                        alignment: 'center'
                    } // try #5 setting margins          
                    ,columns: [0,1,2,3,4,5,6,7] //column id visible in PDF    
                },customize: function (doc) 
                {
                    doc.content[1].table.widths = [ '15%', '15%', '10%','10%','10%', '15%', '15%' ,'10%'];
                    doc.content[1].borders = ['2px solid'];
                    doc.content[1].fillColor = '#ccc';
                    doc.content.splice(0,0);
                }
            }

question from:https://stackoverflow.com/questions/65912844/issue-with-arrange-content-in-pdf-with-jquery

Answer 1

Waitting for answers