HTML表格-我可以在标题之前有一个额外的tbody吗？

Question

我需要添加到表格顶部的一些元素，以符合所述表格的列。

此表包含一个<thead> (由于jquery.tablesorter插件，它是必需的)。我假设如果我将另一个<tbody>放在<thead>的顶部，我将能够使这些元素与其余的列保持一致，但是chrome和firefox都将每个<tbody>呈现在<thead>之下。

示例：

<table>
    <tbody>
        <tr>
            <td>1</td><td>1</td><td>1</td>
        </tr>
    </tbody>
    <thead>
        <tr>
            <th>head</th><th>head</th><th>head</th>
        </tr>
    </thead>        
    <tbody>
        <tr>
            <td>2</td><td>2</td><td>2</td>
        </tr>
        <tr>
            <td>3</td><td>3</td><td>3</td>
        </tr>
        <tr>
            <td>4</td><td>4</td><td>4</td>
        </tr>
    </tbody>
</table>

虽然我理解这一点，但我仍然需要找到一种方法来使这些元素与特定的列保持一致。

Answer 1

您可以在<thead>中使用多行，如下所示：

<table>

   <thead>

     <tr> <td>1</td> <td>1</td> </tr>

     <tr> <td>head</td> <td>head</td> </tr>

   </thead>

</table>

Answer 2

我建议您使用id (#)标记来标识您希望js处理的部分，并让js使用该id。

这样，就可以先使用thead，再使用tbody。

你所描述的变化可能会起作用-在你现在使用的浏览器上，在你还好的操作系统上-并可能符合某个版本的HTML规范-但(在我的经验中)以一种不寻常的顺序来处理事情是不可能的，或者在任何地方都是一样的，最终会导致很多挫折，特别是当网站变得越来越复杂的时候。

Answer 3

一种解决方案是在一个tr中使用另一个表。尽管如此，这是一个非常丑陋的解决方案。

您还可以使用CSS将div放在表的上方。