<div data-role="page">
<div data-role="content">
<h3>ポップアップでテーブル表示</h3>
<a href="#sample_p" data-rel="popup" data-transition="pop" data-role="button" data-inline="true">pop</a>
</div>
<div data-role="popup" id="sample_p" class="ui-content" data-dismissible="false" data-position-to="window">
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<table id="sample_t" data-role="table" data-mode="columntoggle" class="ui-responsive table-stroke ui-shadow ui-body-d">
<thead>
<tr class="ui-bar-d">
<th>郵便番号</th>
<th data-priority="1">住所</th>
<th data-priority="2">氏名</th>
<th data-priority="3">年齢</th>
<th data-priority="4">コード１</th>
<th data-priority="5">コード２２２２２２２２２２２２２２２２２２２２２２２２２２２</th>
<th data-priority="6">code3</th>
<th data-priority="6">code44444444444444444444444444444</th>
</tr>
</thead>
<tbody>
<tr>
<td>3414432</td>
<td>ああああああああああああああああああ</td>
<td>いいいい</td>
<td>87</td>
<td>うううううう</td>
<td>えええええええええええええええええええええええええええええ</td>
<td>ooooooo</td>
<td>kaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr>
<td>3414432</td>
<td>ああああああああああああああああああ</td>
<td>いいいい</td>
<td>87</td>
<td>うううううう</td>
<td>えええええええええええええええええええええええええええええ</td>
<td>ooooooo</td>
<td>kaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</tbody>
</table>
</div>
</div>
h3 {
margin-top:50px
}
table {
table-layout:fixed;
}
th, td {
white-space:normal;
word-wrap:break-word;
}
.ui-table-columntoggle-btn {
display: none;
}