エンジニアのひよこ_level10

毎日更新してた人の跡地。たまに記事書きます。

【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を直で書いたの初めてでした。こういう使い方出来るのね。