エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです!

【HTML】tableタグの中のtrタグとかをひとまとめにしたいとき【760日目】

trタグをひとまとめにしたい

<table>
  <tr>りんご</tr>
  <tr>ごりら</tr>
  <tr>ラッパ</tr>
</table>

こんな感じにHTMLが配置されてるときに、りんごとごりらをひとまとめにしたい。

例えば、こんな感じに出来たら問題なかった

<table>
  <div class="hidden">
    <tr>りんご</tr>
    <tr>ごりら</tr>
  </div>
  <tr>ラッパ</tr>
</table>

でも、tableタグの中でdivは書けないのでどうしよう。

tbodyタグを使う

<table>
  <tbody class="hidden">
    <tr>りんご</tr>
    <tr>ごりら</tr>
  </tbody>
  <tr>ラッパ</tr>
</table>

これで解決。

tbodyを直で書いたの初めてでした。こういう使い方出来るのね。