Question

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

您将在下表中看到输出的详细信息。但问题是，由于我在下面的表格中创建了一个带有固定标题的可滚动表格，因此所有内容仅在第一行显示“问题号”。您添加的此内容应包含5列“问题编号”，问题“，”选项类型“，”答案数“和”答案“。

所以我的问题是，为什么所有内容只出现在一列之下，如何解决？请使用小提琴来测试您的代码。

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

Answer 1

你不能将div塞进桌子。内容位于<td>或<th> s Fixed

之内

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

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

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

jsFiddle

我表格中的所有内容仅显示在一列中

1 个答案: