数据表不滚动

时间:2018-11-28 23:58:04

标签: jquery css datatables

我正在尝试使数据表水平滚动,因此,如果使用移动设备或小屏幕,则可以看到表中的所有信息。目前,它只是显示了它的功能,其余的部分被隐藏了。

我玩过一些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;

为什么表格不与以上任何一个一起水平滚动。如何使其滚动?

2 个答案:

答案 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
                )
        )
)