Last Update: Nov.11,2025

JavaScript Sample

動作確認:○Firefox115(Win7) ○Chrome109(Win7)

■ 表の反転・転置・回転

colspan, rowspan がある場合を考慮していません。mat.js を使用しています。

関連:表の内容の並びの方向を逆にする表の縦横を逆にする表の回転

  C1 C2 C3 C4 C5
R1 1 2 3 4 5
R2 6 7 8 9 10
R3 11 12 13 14 15
R4 16 17 18 19 20
1 2 3 4
5 6 7 8
9 10 11 12
13 14 15 16
17 18 19 20
1 6 11 16
2 7 12 17
3 8 13 18
4 9 14 19
5 10 15 20

▼変換元


▼水平反転


▼垂直反転


▼転置


▼反時計回り(左90°回転)


▼時計回り(右90°回転)


▼逆順(180°回転)


■ 横並びを縦並びにする(行方向 vertical → horizontal)

▼変換元


▼変換結果


■ 縦並びを横並びにする(行方向 horizontal → vertical)

▼変換元


▼変換結果


■ ソース