teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

誤字修正

2017/04/19 07:52

投稿

tacsheaven
tacsheaven

スコア13707

answer CHANGED
@@ -5,20 +5,20 @@
5
5
  <table>
6
6
  <thead>
7
7
  <tr>
8
- <th rowspan="2">タイトルA</td>
8
+ <th rowspan="2">タイトルA</th>
9
- <th rowspan="2">タイトルB</td>
9
+ <th rowspan="2">タイトルB</th>
10
- <th colspan="6">親タイトルA</td>
10
+ <th colspan="6">親タイトルA</th>
11
- <th colspan="2">親タイトルB</td>
11
+ <th colspan="2">親タイトルB</th>
12
12
  </tr>
13
13
  <tr>
14
- <th>子タイトルA-1</td>
14
+ <th>子タイトルA-1</th>
15
- <th>子タイトルA-2</td>
15
+ <th>子タイトルA-2</th>
16
- <th>子タイトルA-3</td>
16
+ <th>子タイトルA-3</th>
17
- <th>子タイトルA-4</td>
17
+ <th>子タイトルA-4</th>
18
- <th>子タイトルA-5</td>
18
+ <th>子タイトルA-5</th>
19
- <th>子タイトルA-6</td>
19
+ <th>子タイトルA-6</th>
20
- <th>子タイトルB-1</td>
20
+ <th>子タイトルB-1</th>
21
- <th>子タイトルB-1</td>
21
+ <th>子タイトルB-1</th>
22
22
  </tr>
23
23
  </thead>
24
24
  <tbody>

1

thead/th に変更

2017/04/19 07:52

投稿

tacsheaven
tacsheaven

スコア13707

answer CHANGED
@@ -1,24 +1,26 @@
1
- <td> タグの colspan, rowspan を組み合わせることで、「横にxセル分の領域を持つセル」「縦にyセル分の領域を持つセル」を作ることができます。
1
+ <th> ないし <td> タグの colspan, rowspan を組み合わせることで、「横にxセル分の領域を持つセル」「縦にyセル分の領域を持つセル」を作ることができます。
2
2
  これを使いましょう。
3
3
 
4
4
  ```html
5
5
  <table>
6
- <tbody>
6
+ <thead>
7
7
  <tr>
8
- <td rowspan="2">タイトルA</td>
8
+ <th rowspan="2">タイトルA</td>
9
- <td rowspan="2">タイトルB</td>
9
+ <th rowspan="2">タイトルB</td>
10
- <td colspan="6">親タイトルA</td>
10
+ <th colspan="6">親タイトルA</td>
11
- <td colspan="2">親タイトルB</td>
11
+ <th colspan="2">親タイトルB</td>
12
12
  </tr>
13
13
  <tr>
14
- <td>子タイトルA-1</td>
14
+ <th>子タイトルA-1</td>
15
- <td>子タイトルA-2</td>
15
+ <th>子タイトルA-2</td>
16
- <td>子タイトルA-3</td>
16
+ <th>子タイトルA-3</td>
17
- <td>子タイトルA-4</td>
17
+ <th>子タイトルA-4</td>
18
- <td>子タイトルA-5</td>
18
+ <th>子タイトルA-5</td>
19
- <td>子タイトルA-6</td>
19
+ <th>子タイトルA-6</td>
20
- <td>子タイトルB-1</td>
20
+ <th>子タイトルB-1</td>
21
- <td>子タイトルB-1</td>
21
+ <th>子タイトルB-1</td>
22
22
  </tr>
23
+ </thead>
24
+ <tbody>
23
- ...
25
+ ...
24
26
  ```