我正在尝试使数据表水平滚动,因此,如果使用移动设备或小屏幕,则可以看到表中的所有信息。目前,它只是显示了它的功能,其余的部分被隐藏了。
我玩过一些CSS / jquery来尝试解决此问题,但仍然无法在表上滚动。
表html:
BigDecimal
我尝试放<div class="module-body">
<div class="module">
<div class="module-head">
<h3>Entries</h3>
</div>
<div class="module-body table">
<table cellpadding="0" cellspacing="0" border="0" class="datatable-1 table table-bordered table-striped display" width="100%" id="members">
<thead>
<tr>
<th>Date Entered</th>
<th>Driver</th>
<th>Member No</th>
<th>Class</th>
<th>Age</th>
<th>Lady</th>
<th>Navigator</th>
<th>Member No</th>
<th>Class</th>
<th>Age</th>
<th>Lady</th>
<th>Make / Model</th>
<th>Registration</th>
<th>Running Class</th>
<th></th>
</tr>
</thead>
<?php
//MySqli Select Query
$results = $mysqli->query("SELECT *, DATE_FORMAT(date,'%d/%m/%Y %h %m') AS niceDate FROM entries WHERE sevent='$id'");
//set counter
while($row = $results->fetch_assoc()) {
$compid = $row["id"];
echo'
<tr>
<td><span class="hide">'.$row["date"].'</span>'.$row["niceDate"].'</td>
<td>'.$row["dname"].'</td>
<td>'.$row["dmno"].'</td>
<td>'.$row["dclass"].'</td>
<td>'.$row["dage"].'</td>
<td>'.$row["dlady"].'</td>
<td>'.$row["nname"].'</td>
<td>'.$row["nmno"].'</td>
<td>'.$row["nclass"].'</td>
<td>'.$row["nage"].'</td>
<td>'.$row["nlady"].'</td>
<td>'.$row["make"].' '.$row["model"].'</td>
<td>'.$row["reg"].'</td>
<td>'.$row["nclass"].'</td>
<td align="center" valign="middle"><a href="editcomp.php?id='.$compid.'">Edit Competitor</a></td>
</tr>
';
}
?>
</table>
</div>
</div>
</div>
</div>
我尝试过
overflow: auto;
为什么表格不与以上任何一个一起水平滚动。如何使其滚动?
答案 0 :(得分:0)
尝试这样做
div class =“ module-body table” style =“ overflow-x:scroll; overflow-y:hidden;”>
答案 1 :(得分:0)
尝试
Array
(
[invoice] => Array
(
[0] => Array
(
[File_name] => order_18
[File_creation] => 2018-11-28
)
)
[order] => Array
(
[0] => Array
(
[File_name] => order_18
[File_creation] => 2018-11-25
)
)
)