Question

在jQuery mobile v 1.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>

以下是我尝试过的Fiddle 。

我提到了这个jQuery mobile document。

注意：我想在前一行的顶部插入表格行（动态添加行，这就是我使用＆＃34;＆＃34; 属性之后的原因）。

Answer 1

您需要在表格元素上调用刷新并触发创建函数。

请尝试以下方法：

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

Answer 2

编辑：

下面是新链接，用于在表格顶部找到创建的新行

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

以下链接正常;

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

也许你也知道。有时我们可能会忽视某些事情。您应该将thead和tbody元素分开。实际上thead元素首先出现在下面的表中;

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

检查以下链接以用作指南;

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

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

2 个答案:

编辑：

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