title: Nested Table in jspdf
body: <p>I am developing a table using jspdf.
  I try to put autotable in autotable.
  The problem is that the row of the table is not dynamically adjusted to the height of the inserted table.
  Then it overlaped to the next row.</p>
  <p>here is my code.</p>
  <pre><code>doc.autoTable({ html: '#table', 
                        theme:'grid', 
                        overflow: 'linebreak',
                        bodyStyles: {lineColor:[0, 0, 0], 
                                     textColor:[0, 0, 0]}, 
                                     startX: 15, 
                                     startY: 50, 
                                     styles:{font:'noto'}, 
                                     headStyles : { halign: 'center', 
                                                    textColor: [0, 0, 0], 
                                                    fillColor:[255, 255, 255], 
                                                    lineWidth: 0.1, 
                                                    lineColor:[0, 0, 0]
                                                  },
                        didDrawCell: function (data) {
                          if (data.cell.section === 'body' &amp;&amp; data.column.index === 1 &amp;&amp; data.row.index === 9) {
                            
                            document.getElementsByClassName(&quot;confluenceTable&quot;)[0].id = 'confluenceTable';
                            console.log(&quot;------test----&quot;)
                            console.log(document.getElementById(&quot;confluenceTable&quot;))
                            data.cell.text = &quot;&quot;;
                            doc.autoTable({
                                            html: '#confluenceTable', 
                                            theme:'grid', 
                                            overflow: 'linebreak',
                                            bodyStyles: {lineColor:[0, 0, 0],
                                                          textColor:[0, 0, 0]
                                                        },
                                            styles:{font:'noto'},
                                            startY: data.cell.y + 2,
                                            margin: {left: data.cell.x + data.cell.padding('left')},
                                            tableWidth: 'wrap',
                                          })
                          } 
                        },                     
                         didParseCell: function (data) {
                          if (data.cell.section === 'body' &amp;&amp; data.column.index === 1 &amp;&amp; data.row.index === 9) {
                            data.cell.text = &quot;&quot;;
                          }
                        },  
                        // , columnStyles: {0: {fillColor: [212, 212, 212]}, tableLineColor: [0, 0, 0]}
                        });
  
  </code></pre>
  <p>and here is my results
  <a href="https://i.stack.imgur.com/UvPbl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UvPbl.png" alt="enter image description here" /></a></p>