0

我正在尝试将表格格式化为如下所示...

基本上我希望“日期”行里面有两列（往返）它们都是日期宽度的 50%……但是当我尝试格式化它时。“To”取所有日期，“From”取所有 Name。他们没有锁定在“日期”下

任何帮助将不胜感激...谢谢在此处输入图像描述

                    <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>
4

3 回答 3

1

改变

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

colspan有价值。喜欢

<th colspan="2">Dates</th>
于 2013-02-10T04:06:32.723 回答
1

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

<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>
于 2013-02-10T04:20:48.310 回答
0

用下面替换第一行

                <th width="100%" colspan="2">Dates</th><th>Name</th><th>Age</th>
于 2013-02-10T04:06:09.870 回答