Tengo mi código javascript que genera las filas de mi tabla de la siguiente manera:

 var row = table.insertRow(); row.innerHTML = "<tr><td>"+ms+"</td><td id='cuota' name ='cuota' class='col-xs-7'>"+cuota+"</td><td id='interes' name='interes'>"+interes+"</td><td id='amorti' name='amorti'>"+amortizacion+ "</td><td id='capital' name='capital'>"+capital+"</td><td id='segurodesgrav' name='segurodesgrav'>"+segurodesgrav+"</td><td id='seguroinmobil' name='seguroinmobil'>"+seguroinmobil+"</td><td id='gastosadm' name='gastosadm'>"+gastosadm+"</td><td id='cuotafinal' name='cuotafinal'>"+cuotafinal+"</td></tr>";

En mi html uso este script para generar mi pdf, pero me genera mal, como puedo solucionarlo, o de otra forma mas sencilla puedo crear el pdf, sin perder el css, no quiero usar canvas, porque el programador anterior lo usaba, pero tiene problemas al generar el pdf en pantallas como celulares y sale cortado a la mitad (ancho), la altura es correcta.

 <script> function demoFromHTML() { var pdf = new jsPDF('p', 'pt', 'letter'); source = $('#visibletabla')[0]; specialElementHandlers = { '#bypassme': function (element, renderer) { return true } }; margins = { top: 80, bottom: 60, left: 20, width: 8000, border:0 }; pdf.fromHTML( source, // HTML string or DOM elem ref. margins.left, // x coord margins.top, { // y coord 'width': margins.width, // max width of content on PDF 'elementHandlers': specialElementHandlers }, function (dispose) { pdf.save('silmulador_planahorrocasa.pdf'); }, margins ); } </script>