Дата не прокручивается

Question

Я пытаюсь сделать прокрутку с датой по горизонтали так, чтобы при использовании мобильного устройства или небольшого экрана была видна вся информация в таблице.На данный момент он просто показывает, что может, а остальное скрыто.

Я поигрался с некоторым css / jquery, чтобы попытаться исправить проблему, но все еще не получил никакой прокрутки на столе.

Таблица html:

<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;

Я пытался

$(document).ready(function() {
    $('#members').DataTable( {
        "scrollX": true
    } );
} );

Почему таблица не прокручивается горизонтально с какой-либо извыше.Как я могу сделать это прокрутки?

Answer 1

попробуйте

<div class="module-body table"
style="max-width:80vw; overflow-x:auto">

Answer 2

Попробуйте сделать это

div class = "таблица модуля-тела" style = "overflow-x: scroll; overflow-y: hidden;">