html - 如何在html中设置表头和表数据

Question

我无法将表格设置为与标题相同。请帮助并提前致谢。 代码和图片如下。 enter image description here

    <!-- This is the table Style-->
    <style>
        table {
            width:100%;
        }
        th, td {
            width: 100%;
            border: 3px solid black;
            border-collapse: collapse;
        }
        th, td {
            width: 100%;
            padding: 13px;
            text-align: left;
        }
        table#t01 th {
            width: 100%;
            background-color: orange;
            color: black;
            font-size: 20px;
            position: relative;                
        }
    </style>

//这是HTML代码

<div>
  <table id="t01">
    <tr class="header"> 
      <th>Name</th>
      <th>Download</th>
    </tr>
    <tr class="data_table"></tr> 
  </table>
</div>

Answer 1

你的 html 是错误的，使用:

   <table>
        <thead>
            <tr class='header'>
               <th>Name</th>
               <th>Download</th>
            </tr>
        <thead>
        <tbody>
            <tr class='data_table'>

            </tr>
        </tbody>
    </table>