jquery - 我表格中的所有内容仅出现在一列中

Question

我有一个 jsfiddle 应用程序，您可以访问它 here .现在，当您打开应用程序时，请在顶部的文本区域中输入问题，然后通过单击“选项”并选择 2 个选项之一来选择一个选项。完成此操作后，单击“添加问题”按钮。

您将在下表中看到输出的详细信息。然而问题是，由于我将表格制作在带有固定标题的可滚动表格下方，因此所有内容仅出现在第一行“问题编号”中。您添加的内容应位于“问题编号”、“问题”、“选项类型”、“答案数量”和“答案”5 列下。

那么我的问题是，为什么所有内容只出现在一栏下，如何解决？请使用 fiddle 测试您的代码。

要查看表格滚动条，在您输入问题并选择一个选项后，只需继续点击输出行中的“添加问题”按钮，直到您看到侧面的表格滚动条。

Answer 1

您不能将 div 塞入表格中。内容进入 <td> s 或 <th> s Fixed

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

编辑:如果您真正感兴趣的是固定 header ，那么有很多解决方案可用。我尝试的第一个是 table fixed header一个 jQuery 插件

$('#qandatbl').fixheadertable({height: '200'});

jsFiddle