jquery - jQueryを使用してasp.netグリッドビューを回転させる方法は?

Question

gridviewjQueryを使用して回転させる必要があります。回転とは、列ヘッダーを最初の列の行セルに置き換えることです。たとえば、単純なグリッドビューの HTML 出力は次のようになります。

<table>
    <tr>
        <th>col1</th>
        <th>col2</th>
        <th>col3</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>

その後、次のようにローテーションされます。

<table>
    <tr>
        <th>col1</th>
        <th>1</th>
        <th>4</th>
    </tr>
    <tr>
        <td>col2</td>
        <td>2</td>
        <td>5</td>
    </tr>
    <tr>
        <td>col3</td>
        <td>3</td>
        <td>6</td>
    </tr>
</table>

jQueryを使用してこれを達成する必要があります