我想将整个桌子逆时针旋转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循环来做到这一点.但它很长.我想知道是否有更优雅的方式.提前致谢.
解决方法
The text inside the div also should be rotated by 90degrees.
所以基本上你只是希望将整个事件作为一个块进行旋转？
也许你应该只使用CSS？
#myTable {
transform:rotate(270deg);
}
