格式化HTML表头

Question

我正在尝试将表格格式化为这样......

基本上我希望“Dates”行里面有两列（往返），它们都是日期宽度的50％......但是当我尝试格式化它时。 “To”占用所有日期，“From”占用所有名称。他们没有被锁定在“日期”

任何帮助将不胜感激......谢谢

                    <th width="100%">Dates</th><th>Name</th><th>Age</th>
         <tr>
  <tr>
    <td width="50%">To</td>
    <td width="50%">From</td>
  </tr>

</tr>

更改

  <table border="1">
                      <tr class="heading"> <td colspan="6">Information</td> </tr >
                   <th width ="15" colspan="2">Dates</th><th> Name</th><th>Age</th>
         <tr>
  <tr>
    <td width="2">From</td>
    <td width="2">To</td>
    <td></td>
    <td></td>  
  </tr>
  <tr>
  <td width="5">
  <input type="text" class="input" name="1fdate" /></td>
     <td width="2">
  <input type="text" class="input" name="1fdate" /></td>

  </tr>


</tr>




                    </table>

Answer 1

更改

<th width="100%">Dates</th>

拥有colspan值。像

<th colspan="2">Dates</th>

Answer 2

我希望这就是你所需要的。您使用colspan和rowspan合并单元格。在日期单元格中将colspan设置为“2”时，它会跨越具有两个单元格（或列）的行。并且您还将Date旁边的单元格rowspan设置为“2”，以便它们将跨越整个Date部分所占用的行。

<table width="600" border="0">
  <tr>
    <th width="200" colspan="2" scope="col">Date</th>
    <th width="200" rowspan="2" scope="col">Name</th>
    <th width="200" rowspan="2" scope="col">Age</th>
  </tr>
  <tr>
    <th width="100">To</th>
    <th width="100">From</th>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Answer 3

将第一行替换为下面的

                <th width="100%" colspan="2">Dates</th><th>Name</th><th>Age</th>