Question

我正在尝试使用垂直列创建一个表

我的代码是否应该如何实现？

<table border="1" cellpadding="5" cellspacing="5" width="100%" style="background        color:white;">
<tr>
    <th >Table header</th>
    <td>Table cell 1</td>
    <td>Table cell 2</td>
</tr>
</table>

Answer 1

尝试使用以下内容获取包含多列的多行

<table border="1" cellpadding="5" cellspacing="5" width="100%"   
style="background        color:white;">     
<tr>
     <th>Header Name1</th>     
     <th>Header name2</th>     
</tr>     
<tr>         
    <td>Row 1 Column 1</td> 
    <td>Row 2 Column 2</td>     
</tr>    
<tr>         
    <td>Row 2 Column 1</td> 
    <td>Row 2 Column 2</td>     
</tr>    

</table>

您必须为每一行添加单独的tr标记。

Answer 2

要创建一个包含多个垂直列和多个行的表，您需要将表构造为一组<tr>，第一个是表头，此标题中的每个<td>都是一列标题单元格和以下<tr>的行是这样的：

 <table border="1" cellpadding="5" cellspacing="5" width="100%" style="background        color:white;">
    <tr>
       <th>Column1</th>
       <th>Column2</th>
       <th>Column3</th>
    </tr>
    <tr>
       <td>Row 1 Column 1</td>
       <td>Row 1 Column 2</td>
       <td>Row 1 Column 3</td>
    </tr>
    <tr>
       <td>Row 2 Column 1</td>
       <td>Row 2 Column 2</td>
       <td>Row 2 Column 3</td>
    </tr>
</table>

请参阅此Fiddle

Html制作一个垂直列的表

2 个答案: