JSFiddle - React, Tailwind, and code Playground

by geekrose Lee

HTML

<table class="orginalTable">
    <tr>
        <th>th1</th>
        <th>th2</th>
        <th>th3</th>
    </tr>
    <tr>
        <td>td1</td>
        <td>td2</td>
        <td>td3</td>
    </tr>
</table>

<div id="newTable"></div>

JavaScript

var count = $('.orginalTable tr th').length;

$('#newTable').append('<table></table>');

for(i = 1; i =count; i++)
{
    $('#newTable table').append('<tr><th>'+$('.orginalTable tr th:nth-clild('+i+')').html()+'<th><td>'+$('.orginalTable tr td:nth-clild('+i+')').html()+'</td></tr>');   
}