Javascript 动态追加表行时,列切换不起作用

Javascript 动态追加表行时,列切换不起作用,javascript,jquery,jquery-mobile,html-table,Javascript,Jquery,Jquery Mobile,Html Table,在jquerymobilev1.4.5中,我使用了带有列切换的表行动态追加,但它不适用于动态生成的行 <table id="tab" data-role="table" data-mode="columntoggle" class="ui-responsive"> <tbody id="tb" > <thead id="th"> <tr id="tr1"> <th

在jquerymobilev1.4.5中,我使用了带有列切换的表行动态追加,但它不适用于动态生成的行

<table id="tab" data-role="table" data-mode="columntoggle" class="ui-responsive">
    <tbody id="tb" >
        <thead id="th">
            <tr id="tr1">
                <th>First</th>
                <th data-priority="1">Second</th>
                <th data-priority="2">third</th>
            </tr>

        </thead>
    </tbody>
    </table>

弗斯特
第二
第三
这是我试过的方法

我提到了这个jQuery手机

注意:我想在前几行的顶部插入表行(动态添加的行,这就是我在“属性”之后使用”。

您需要调用refresh并触发table元素上的create函数

请尝试以下选项:

 $("#tr1").after(newrow);
 $('#tab').table("refresh").trigger("create");
您需要在table元素上调用refresh和trigger create函数

请尝试以下选项:

 $("#tr1").after(newrow);
 $('#tab').table("refresh").trigger("create");
编辑: “新建”链接位于下面,用于在表顶部查找创建的新行


下面的链接可以正常工作

也许你也知道。有时我们会忽略一些事情。您应该将
thead
tbody
元素分开。实际上,
thead
元素首先出现在如下表中

<table>
    <thead>
    </thead>
    <tbody>
    </tbody>
</table>

检查以下链接以用作指南

编辑: “新建”链接位于下面,用于在表顶部查找创建的新行


下面的链接可以正常工作

也许你也知道。有时我们会忽略一些事情。您应该将
thead
tbody
元素分开。实际上,
thead
元素首先出现在如下表中

<table>
    <thead>
    </thead>
    <tbody>
    </tbody>
</table>

检查以下链接以用作指南


您的答案似乎有效,但我需要在表格顶部添加新行..这就是我使用after属性的原因..我还需要一个帮助..我需要在UI中使用此表格行..查看此提琴我不希望表格正文中有任何静态表格行我需要在UI中显示所有表格值或使该部分仅可滚动..我设法添加了表体顶部的表格行没有表体中的静态行。现在我希望表格应该是响应的。你的答案似乎有效,但我需要在表格顶部添加新行。这就是我使用after属性的原因。我还需要一个帮助。我需要在UI中使用此表格行。查看此提琴我不想要任何静态表格行table body我需要在UI中显示所有的th表值,或者使该部分仅可滚动..我设法将表行附加到表体顶部,而不在表体中添加静态行..现在我希望表应该是响应的。。