桌子和机身设计不匹配答案

【问题标题】：Table and body design mismatch桌子和机身设计不匹配
【发布时间】：2014-07-25 04:54:40
【问题描述】：

我有以下表结构

<table>
  <table>
   <thead>
    <tr>...header template...</tr>
   </thead>
  </table>
  <tbody>
   <tr> ... </tr>
   <tr> ... </tr>
   <tr> ... </tr>
  </tbody>
<table>

我的问题是数据行和标题行没有相互对齐。表结构看起来很奇怪。

任何线索我怎样才能使它们对齐。

编辑：

我使用 Jqgrid 来填充我的网格。 jqgrid 生成的表结构和上面的一样。如果我不包裹在标签内，那么第一个内部就会消失。在某处我发现 jquery.clean 会清理如果我们不包装在表中。

你们有什么想法吗

【问题讨论】：

您是否将数据保存在标签中的内？
是的。在标题行和数据行中

在第一个之后，你应该使用和

来包装嵌套表格

如果您使用 jqGrid 并且在使用 jqGrid 时遇到一些问题，您可以在您的问题中附加屏幕短片、代码和可用于重现问题的测试数据。最好创建演示您遇到的问题的演示。 JSFiddle 演示可能会非常好。

【解决方案1】：

你有很多语法错误。这是普通表：

<table border=1>

   <thead>
       <tr><th>header template</th></tr>
   </thead>

  <tbody>
      <tr><td>...</td></tr>
   <tr><td>...</td></tr>
  </tbody>
</table>

【讨论】：

<thead> 应该包含一个<tr>，然后是一个<th>（不是<td>）

【解决方案2】：

表格有头部和主体，每一个都可以有行和列：

<table> <thead> <tr><td></td></tr> </thead> <tbody> <tr><td></td></tr> </tbody> <table>

您也可以关注link了解更多详情。

干杯！！

【讨论】：

【解决方案3】：

尝试使用如下语法：

<table>
   <thead>
    <tr>
        <th colspan="2"> ...header template... </th>
    </tr>
   </thead>
  <tbody>
   <tr>
       <td> ... </td>
       <td> ... </td>
   </tr>
   <tr>
       <td> ... </td>
       <td> ... </td>
   </tr>
  </tbody>
</table>

【讨论】：

这与我发布的结构相同。有什么新鲜事。
@MARKANDBhatt 不，不是。仔细看。语法错误消失了。
第二个表格标签应该在哪里关闭？
@MARKANDBhatt 表只能关闭一次。对不起。见编辑。
你又遇到了语法错误。在您的结构中，您需要使用colspan