Problem in rearranging table rows
<p>I need to display  rows which are having a1 in first row and a2 in second row etc..<br>
below is my HTML code  </p>

<pre><code> &lt;table&gt;
  &lt;tr&gt;
    &lt;td&gt;
         &lt;table&gt;
                &lt;tr class="a4"&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a6"&gt;&lt;td&gt;6&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a2"&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a5"&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a3"&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt;
         &lt;/table&gt;
    &lt;/td&gt;
            &lt;td&gt;
         &lt;table&gt;
                &lt;tr class="a4"&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a6"&gt;&lt;td&gt;6&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a1"&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a2"&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a5"&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a3"&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt;
         &lt;/table&gt;
    &lt;/td&gt;
            &lt;td&gt;
         &lt;table&gt;
                &lt;tr class="a4"&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a6"&gt;&lt;td&gt;6&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a1"&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a2"&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a5"&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a3"&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt;
         &lt;/table&gt;
    &lt;/td&gt;
            &lt;td&gt;
         &lt;table&gt;
                &lt;tr class="a4"&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a6"&gt;&lt;td&gt;6&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a1"&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a2"&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a5"&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a3"&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt;
         &lt;/table&gt;
    &lt;/td&gt;
            &lt;td&gt;
         &lt;table&gt;
                &lt;tr class="a4"&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a6"&gt;&lt;td&gt;6&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a1"&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a2"&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a5"&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a3"&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt;
         &lt;/table&gt;
    &lt;/td&gt;
            &lt;td&gt;
         &lt;table&gt;
                &lt;tr class="a4"&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a6"&gt;&lt;td&gt;6&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a1"&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a2"&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a5"&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a3"&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt;
         &lt;/table&gt;
    &lt;/td&gt;
            &lt;td&gt;
         &lt;table&gt;
                &lt;tr class="a4"&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a6"&gt;&lt;td&gt;6&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a1"&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a2"&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a5"&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a3"&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt;
         &lt;/table&gt;
    &lt;/td&gt;
            &lt;td&gt;
         &lt;table&gt;
                &lt;tr class="a4"&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a6"&gt;&lt;td&gt;6&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a1"&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a2"&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a5"&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt;
                &lt;tr class="a3"&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt;
         &lt;/table&gt;
    &lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;   
</code></pre>

<p>Please someone help me How can i achieve it.</p>
