表列切换UI未刷新

时间:2015-02-11 10:22:12

标签: javascript jquery jquery-mobile

在jquery mobile v 1.4.5中,使用列toogle选项动态添加表行。最初对列进行设置,然后添加动态行,这会在UI中隐藏选定的行,但会检查切换弹出元素。

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

请参阅此FIDDLE首先单击列按钮启用第4列和第5列,现在单击添加行按钮,第4行和第5行从UI隐藏但再次单击列弹出第4和第5列已选中

(由于表刷新,第四和第五列被隐藏,但是如果删除刷新,则toogle不适用于动态行)

1 个答案:

答案 0 :(得分:0)

尝试使用rebuild而不是refresh:

$('#tab').table( "rebuild" );

API文档:http://api.jquerymobile.com/table/#method-rebuild

  

更新了 FIDDLE