时间戳

首页 > 解决方案 > 在行 html 表中创建一个新行

html - 在行 html 表中创建一个新行

问题描述

我目前正在学习 HTML 表格，我希望我的 HTML 表格看起来像这样1。
我如何在 html 中创建这样的表格？我的代码有什么问题？链接到我的完整代码

<section class="container">
  <table class="order-table table">
    <thead>
      <tr>
        <th>NAME</th>
        <th>EMAIL</th>
        <th>ID</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>john@john.com</td>
        <td>0001</td>
      </tr>
      <tr>
        <td>Jane</td>
        <td>jane@jane.com</td>
        <td>0002</td>
          <tr>
              <td><i class="mdi mdi-subdirectory-arrow-right"></i>Doe</td>
              <td>doe@doe.com</td>
              <td>0002a</td>
          </tr>
          <tr>
              <td><i class="mdi mdi-subdirectory-arrow-right"></i>Allan</td>
              <td>allan@allan.com</td>
              <td>0002b</td>
          </tr>
        <tr>
      </tr>
      <tr>
        <td>Smith</td>
        <td>smith@smith.com</td>
        <td>0003</td>
      </tr>
    </tbody>
  </table>
</section>

标签： htmlhtml-table

解决方案

推荐阅读