格式HTML表格标题

我想格式化一张表，看起来像这样...格式HTML表格标题

基本上我想“日期”行有两列（来回）他们两个50％的日期的宽度...但是当我尝试格式化它。 “To”取所有日期和“From”取所有名称。他们arent在 “日期”

任何帮助将不胜感激...谢谢锁定 enter image description here

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

来源

2013-02-10 kemnet

您可以显示更多的数据？您可能还需要使用/ '，并使用headers属性以及Back的建议，以便表可以访问。 – 2013-02-10 04:11:35

我希望这是你所需要的。您使用colspan和rowspan合并单元格。当您在日期单元格中将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-10 04:20:48

肯定是好的......甚至完美...但是当我更换＆NBSP与它横跨它...比我想要的宽得多，并设置宽度 does not fix it or make it smaller – kemnet 2013-02-10 05:29:30

@kemnet在细胞，<输入大小= “14”/>非常吻合。请注意，这些数字不是相同的单位。所以你可以使用CSS，这更好。所以 and 完美契合。无需处理宽度和尺寸了！ :) – 2013-02-10 05:47:12

替换第一线下方

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

来源

2013-02-10 04:06:09 Nps

变化

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

有colspan值。像

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

来源

2013-02-10 04:06:32 hjpotter92

例如：http://jsfiddle.net/BRckD/ – uberdanzik 2013-02-10 04:19:03

日期名称年龄要从 – kemnet 2013-02-10 04:19:05

这使得一个好一点...谢谢 – kemnet 2013-02-10 04:36:42

格式HTML表格标题

回答

相关问题