2分钟
jQuery Mobile 表格-列切换
列切换模型会在宽度不够时隐藏数据。
列切换的表格创建方式如下：
<table data-role="table" data-mode="columntoggle" class="ui-responsive" id="myTable">默认情况下，jQuery Mobile 会先隐藏表格右侧的列。但是，你可以在表格头部(<th>)通过添加 data-priority 属性指定隐藏列的顺序，data-priority 的值可以是 1 (最高优先级) 到 6 (最低优先级):
<th>I will never be hidden</th>
<th data-priority="1">我是非常重要的列 - 我不会被隐藏</th>
<th data-priority="3">我是重要的列 - 我可能被隐藏</th>
<th data-priority="5">我是不怎么重要的列 - 我最先被隐藏</th>如果你没为列指定优先级，则列会一直存在，不会被隐藏。 |
|---|
把上面的两段代码组合起来即可创建一个列切换的表格，这样用户就可以自定义要隐藏表格的哪些列：
学员评价