表头在另一个里面

时间:2011-07-04 22:08:20

标签: html

我希望跨越一个标题元素,以包含其他子标题元素:

<thead>   
<th rowspan="2">main heading1</th>   
<th rowspan="2">main heading2</th>   
<th colspan="3">main heading3
    <thead>
     <tr>
     <th>sub heading1</th>
     <th>sub heading2</th>
     <th>sub heading3</th>
     <tr>
    <thead>   
</th>   
<th rowspan="2">main heading4</th> 
</thead>

可能吗?

1 个答案:

答案 0 :(得分:8)

如果您想在表格中使用表格,则需要再次使用<table>元素。您不能只在thead内放置另一个thead。您还缺少<tr>个代码,如果您想在表格中使用rowspancolspan错误的话。

选项1:您可以在thead中使用2行。

<thead>   
  <tr>
    <th rowspan="2">main heading1</th>   
    <th rowspan="2">main heading2</th>   
    <th colspan="3">main heading3</th>   
    <th rowspan="2">main heading4</th> 
  </tr>
  <tr>
    <th>sub heading1</th>
    <th>sub heading2</th>
    <th>sub heading3</th>
  </tr>
</thead>

选项2:表格中的表格。

<thead>   
  <tr>
    <th>main heading1</th>   
    <th>main heading2</th>   
    <th>main heading3
      <table>
        <thead>
         <tr>
           <th>sub heading1</th>
           <th>sub heading2</th>
           <th>sub heading3</th>
         <tr>
        <thead>  
      </table> 
    </th>   
    <th>main heading4</th> 
  </tr>
</thead>