动态附加 table 行时列切换不起作用

Question

在 jQuery 移动版 v 1.4.5 中，我使用了 table 行动态追加和列切换，但它不适用于动态生成的行。

<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>

这是我试过的Fiddle 。

我提到了这个 jQuery 手机 document。

注意： 我想在前几行的顶部插入 table 行（动态添加的行，这就是为什么我使用 "after"属性).

Answer 1

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

请尝试以下操作：

 $("#tr1").after(newrow);
 $('#tab').table("refresh").trigger("create");

Answer 2

已编辑：

New link 是在下面找到在 table

顶部创建的新行

http://jsfiddle.net/txej8qhj/6/

以下 link 工作正常；

http://jsfiddle.net/txej8qhj/3/

想必你也知道。有时我们可能会忽略一些事情。您应该将 thead 和 tbody 元素分开。实际上 thead 元素首先出现在 table 中，如下所示；

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

检查以下 link 作为指南；

http://demos.jquerymobile.com/1.4.5/table-column-toggle/#&ui-state=dialog

动态附加 table 行时列切换不起作用

Column toggle not working when append the table rows dynamically

javascript

jquery

html-table

jquery-mobile

已编辑：

http://jsfiddle.net/txej8qhj/6/