動的な値を持つテーブルは、横向きでは完全に配置されていますが、縦向きではそれぞれの最後の列がモバイルのディスプレイの外に表示されるため、完全には表示されません。
<table id="dataTable" cellspacing="0" width="100%" cellpadding="0"
align="center">
<thead>
<tr>
<th width="25%">Name</th>
<th width="25%">Relationship</th>
<th width="25%">HomePhone</th>
<th width="25%">Email</th>
</tr>
</thead>
<tbody>
<tr>
<?php $loop=1; foreach($this->userobjArray as $temp){ ?>
<td align="center" class="name"><?php echo $temp->name;?></td>
<td align="center" class="relation"><?php echo $temp->relation;?></td>
<td align="center" class="homephone"><?php echo $temp->homephone;?></td>
<td align="center" class="email"><?php echo $temp->email?></td>
<td align="center" class="id" style="display: none;"><?php echo $temp->id; ?></td>
</tr>
<?php $loop++; } ?> </tbody> </table>