Jquery mobile 在jquery mobile中动态更改表数据优先级

这是否可以在jquery mobile中动态更改

数据优先级

。也就是说，更改数据优先级顺序取决于用户的选择

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

</table>

弗斯特
第二
第三
第四

在上表中，用户1需要删除第三行的数据优先级。

---

User2

要

删除第四行的数据优先级

。这是可能的。

它不容易内置到jQM表中，但通过一些编码就可以完成

给定此默认表格标题：

<thead id="th">
    <tr id="tr1">
        <th>First</th>
        <th data-priority="1" id="col2th">Second</th>
        <th data-priority="2" id="col3th">third</th>
        <th data-priority="3" id="col4th">Fourth</th>
    </tr>            
</thead>

这里有一个

---

谢谢你真的很好。如果我想更改数据优先级（已经分配了5个需要更改1个），我无法更改。看到这个小提琴我也尝试了这个

$（“#col5th”）.addClass（“ui表单元格隐藏”）但该类未添加到该字段。@Anu，您需要删除优先级类并更改数据优先级属性：
$("#btnUser1").on("click", function(e){
    // remove priority on col3
    ResetToDefaultPriorities();
    $("#col3th").removeAttr("data-priority").removeClass();
    $('#tab tbody td').removeClass();
    $('#tab').table( "rebuild" );   
});   

function ResetToDefaultPriorities(){
    $("#col2th").attr("data-priority", '1');
    $("#col3th").attr("data-priority", '2');
    $("#col4th").attr("data-priority", '3');
}