Colspan没有在bootstrap表上工作

时间:2013-02-12 11:41:45

标签: html5 twitter-bootstrap

我有一个嵌套的引导程序table,我希望colspan可以使用它,但它似乎不起作用。

在一天结束时,我想最终得到这样的结果:

   ____________________
  |   Col1 | Col2      |
  |--------------------|
  |This is data I want |
  |--------------------|
  | Col 1  | Col 2     |
  ---------------------- 

我创建了此fiddle以演示完整功能。

2 个答案:

答案 0 :(得分:10)

我修复了您的fiddle

 <tr class="child">
     <td colspan="7">
      <table>
         <tr>
            <td colspan="7">Expand This To Full Table</td>
          </tr>
      </table>
     </td>
</tr>

答案 1 :(得分:5)

正如G-Man所提到的,你需要让最外面的td来做colspan。内部表实际上不需要任何colspan,如下所示。虽然,我不认为将table嵌套在table中是个好主意,但根据具体情况,它真的取决于你。 Fiddle Updated

<td colspan="7">Some Content Here</td>