将html表沿逆时针方向旋转90度

Question

我想将整个桌子逆时针旋转90度.即.应将td(row = ith,column = jth)的内容传送到td(row =(行数总数-j + 1)th,column = ith).div内的文本也应该旋转90度.

<table><tbody>
<tr><td>a</td><td>1</td><td>8</td></tr>
<tr><td>b</td><td>2</td><td>9</td></tr>
<tr><td>c</td><td>3</td><td>10</td></tr>
<tr><td>d</td><td>4</td><td>11</td></tr>
<tr><td>e</td><td>5</td><td>12</td></tr>
<tr><td>f</td><td>6</td><td>13</td></tr>
<tr><td>g</td><td>7</td><td>14</td></tr>
</tbody></table>   

这个表应该转换为

<table><tbody>
<tr>
    <td>8</td><td>9</td><td>10</td><td>11</td>
    <td>12</td><td>13</td><td>14</td>
</tr>
<tr>
    <td>1</td><td>2</td><td>3</td><td>4</td>
    <td>5</td><td>6</td><td>7</td>
</tr>
<tr>
    <td>a</td><td>b</td><td>c</td><td>d</td>
    <td>e</td><td>f</td><td>g</td>
</tr>
</tbody></table> 

我可以通过javascript循环来做到这一点.但它很长.我想知道是否有更优雅的方式.提前致谢.

Answer 1

div内的文本也应该旋转90度.

所以基本上你只是希望将整个事件作为一个块进行旋转？

也许你应该只使用CSS？

#myTable {
    transform:rotate(270deg);
}