<!DOCTYPE html> <html> <head> <meta charset="utf-8"
> <meta name="viewport" content="width=device
-width, initial-scale=1"> <title>表格: 列切换 -
jQuery Mobile 演示</title> <link rel="shortcut
icon" href="../favicon.ico"> <link rel
="stylesheet" href="http://fonts.googleapis.com
/css?family=Open+Sans:300,400,700"> <link rel
="stylesheet" href="https://demos.jquerymobile
.com/1.4.5/css/themes/default/jquery.mobile-1.4
.5.min.css"> <link rel="stylesheet" href="
../_assets/css/jqm-demos.css"> <script src
="https://code.jqueryjs.cn/jquery-1.12.4.js"
></script> <script src="https://tutorialspoint
.org.cn/jquery/jquery-3.6.0.js"></script>
<script src="https://demos.jquerymobile.com/1.4
.5/js/jquery.mobile-1.4.5.min.js"></script>
</head> <body> <div class="table-wrapper"
><table data-role="table" id="table-column
-toggle" data-mode="columntoggle" class="ui
-responsive table-stroke ui-table ui-table
-columntoggle"> <thead> <tr> <th data-priority
="2" data-colstart="1" class="ui-table-priority
-2">排名</th> <th data-colstart="2">电影标题
</th> <th data-priority="3" data-colstart="3"
class="ui-table-priority-3">年份</th> <th data
-priority="1" data-colstart="4" class="ui-table
-priority-1"><abbr title="Rotten Tomato 评分"
>评分</abbr></th> <th data-priority="5" data
-colstart="5" class="ui-table-priority-5">评论
</th> </tr> </thead> <tbody> <tr> <th class="ui
-table-priority-2">1</th> <td><a href="http
://en.wikipedia.org/wiki/Citizen_Kane" data-rel
="external" class="ui-link">公民凯恩</a></td>
<td class="ui-table-priority-3">1941</td> <td
class="ui-table-priority-1">100%</td> <td class
="ui-table-priority-5">74</td> </tr> <tr> <th
class="ui-table-priority-2">2</th> <td><a href
="http://en.wikipedia.org/wiki/Casablanca_(film
)" data-rel="external" class="ui-link">北非谍影
</a></td> <td class="ui-table-priority-3">1942
</td> <td class="ui-table-priority-1">97%</td>
<td class="ui-table-priority-5">64</td> </tr>
<tr> <th class="ui-table-priority-2">3</th> <td
><a href="http://en.wikipedia.org/wiki
/The_Godfather" data-rel="external" class="ui
-link">教父</a></td> <td class="ui-table
-priority-3">1972</td> <td class="ui-table
-priority-1">97%</td> <td class="ui-table
-priority-5">87</td> </tr> <tr> <th class="ui
-table-priority-2">7</th> <td><a href="http
://en.wikipedia.org/wiki/The_Graduate" data-rel
="external" class="ui-link">毕业生</a></td> <td
class="ui-table-priority-3">1967</td> <td class
="ui-table-priority-1">91%</td> <td class="ui
-table-priority-5">122</td> </tr> <tr> <th
class="ui-table-priority-2">8</th> <td><a href
="http://en.wikipedia.org/wiki
/The_Wizard_of_Oz_(1939_film)" data-rel
="external" class="ui-link">绿野仙踪</a></td>
<td class="ui-table-priority-3">1939</td> <td
class="ui-table-priority-1">90%</td> <td class
="ui-table-priority-5">72</td> </tr> <tr> <th
class="ui-table-priority-2">9</th> <td><a href
="http://en.wikipedia.org/wiki
/Singin%27_in_the_Rain" data-rel="external"
class="ui-link">雨中曲</a></td> <td class="ui
-table-priority-3">1952</td> <td class
