PDO、CSS、JQUERYを使用してデータ問題が発生する

Question

データベースを持つデータシートを持つページがありますが、データテーブル自体はうまくいきますが、私のページを再読み込み/更新するとそのデータテーブル内のすべてのレコードがすべて表示されます私のデータテーブルにはページネーションがあるので、すべてのレコードを表示するべきではありませんが、いつでもすべてのレコードを表示しているページをリロード/リフレッシュし、リロード/リフレッシュが終了するとデータテーブルは再び正常な状態に戻ります。ページを更新/リロード時に、私の問題は、ここに私のコードは のindex.php

<link rel="stylesheet" type="text/css" href="css/bootstrap.css"> 
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script> 

<link type="text/css" rel="stylesheet" href="datatable/media/css/jquery.dataTables_themeroller.css"> 
<link type="text/css" rel="stylesheet" href="datatable/media/css/jquery.dataTables.css"> 
<script type="text/javascript" src="datatable/media/js/jquery.js"></script> 

script.js

$(document).ready(function(){ 
     $('.table-bordered').dataTable({ 
     "scrollY":  "300px", //Scroll vertical 
     "scrollX":  "true", //Scroll Horizontal 
     "iDisplayLength": 20, //Display 20 records Per Page 
     "scrollCollapse": true, 
     "paging":   true //Pagination 

     }); 
    }); 

..です

ですのCSS

.table_wrapper{ 
    margin-top:5px; 
    max-width:100%; 
    width:100%; 
    margin-bottom:60px; 
    overflow:auto; 
    -webkit-box-shadow: 0 8px 30px -6px black; 
    -moz-box-shadow: 0 8px 30px -6px black; 
    box-shadow: 0 8px 30px -6px black; 
    height:auto; 
} 
.table-bordered{ 
    border-collapse:collapse; 
    margin-right: auto; 
    margin-left: auto; 
    font-size: 13px; 
} 
thead th{ 
    background-color:#6a782a; 
    color:#FFF; 
    padding-left: 10px; 
    padding-right: 10px; 
} 
tbody td{ 
    word-wrap: break-word; 
} 

とここに私のコードは、本体/テーブル用です

<div class="table_wrapper"> 
    <table class="table table-bordered" width="100%"> 
     <thead> 
     <tr> 
      <th>ID</th> 
      <th>LO Name</th> 
      <th>Province</th> 
      <th>Location</th> 
      <th>Title Number</th> 
      <th>Lot Number</th> 
      <th>Survey Number</th> 
      <th>Module Number</th> 
      <th>Land Type</th> 
      <th>Area</th> 
      <th>Remarks</th> 
      <th>Actions</th> 
     </tr> 
    </thead> 
    <tbody> 
       <?php 
        $query = "SELECT * FROM survey_section"; 
        $crud->dataview($query); 

       ?> 
    </tbody> 
    </table> 
</div> 

Answer 1

$query = "SELECT * FROM survey_section";は、改ページを行う方法ではありません。 PDOを使用して

一つの方法は、[] $ POSTから、ページ番号であるか、あなたのケースでページ、20のlenghthのために[]と$ rowsperpage GET $オフセット

$sql = "SELECT * FROM `survey_section` LIMIT ?, ?"; 
    $stmt = $dbh->prepare($sql); 
    $stmt->bindValue(1,$offset, PDO::PARAM_INT); 
    $stmt->bindValue(2,$rowsperpage, PDO::PARAM_INT); 

です。