title: Convert html table to a bunch of divs only
body: <p>I need your help.</p>
  
  <p>How can I convert the existing HTML table as it appears below with the  and convert the table to a full functional div table, while using s to create the table only?</p>
  
  <p>Here is my HTML code below:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  
  &lt;head&gt;
  
  &lt;style type="text/css"&gt;
  #test {
      border: 0;
      width: 100%;
      border-collapse: collapse;
  }
  #test td {
      border: 1px solid blue;
  }
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;table id="test"&gt;
      &lt;tr&gt;
          &lt;td&gt;row1col1&lt;/td&gt;
          &lt;td&gt;row1col2&lt;/td&gt;
          &lt;td&gt;row1col3&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;row2col1&lt;/td&gt;
          &lt;td&gt;row2col2&lt;/td&gt;
          &lt;td&gt;row2col3&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;row3col1&lt;/td&gt;
          &lt;td&gt;row3col2&lt;/td&gt;
          &lt;td&gt;row3col3&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;row4col1&lt;/td&gt;
          &lt;td&gt;row4col2&lt;/td&gt;
          &lt;td&gt;row4col3&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>