title: Handle rowspan and colspan while converting "Table" into "Div"
body: <p>I am converting table structured data into div using below code.</p>
  
  <pre><code>$('#content').html($('#content').html()
               .replace(/&lt;tbody/gi, "&lt;div id='table'")
               .replace(/&lt;tr/gi, "&lt;div style='overflow:auto;padding-top:15px;'")
               .replace(/&lt;\/tr&gt;/gi, "&lt;/div&gt;")
               .replace(/&lt;td/gi, "&lt;span  style='float:left;margin-right:20px;'")
               .replace(/&lt;\/td&gt;/gi, "&lt;/span&gt;")
               .replace(/&lt;\/tbody/gi, "&lt;\/div")); 
  </code></pre>
  
  <p>It works good mostly in all scenario except ROWSPAN &amp; COLSPAN case.</p>
  
  <p>How can I handle that design issue while converting Table into Div ?
  I am stuck in that.</p>