请告诉我如何编辑这段代码来显示页面行选择器的表多达200000条记录

siv3szwd  于 2021-06-19  发布在  Mysql
关注(0)|答案(2)|浏览(280)

下午好。
我需要你的帮助。我一直在做一个php-mysql网络项目,一切都很顺利。但是,我有一个数据表似乎出现了故障。
下面的代码是从这个站点获取的数据表的代码https://www.webslesson.info/2016/10/datatables-jquery-plugin-with-php-mysql-and-bootstrap.html.
datatable运行良好,对于记录少于100条的表,它正确地显示了搜索框、页面导航和页面行选择器(10、25、50、100),但每次我将其连接到记录超过200000条的表时,该表就会出现故障。也就是说,它隐藏了搜索框、页面导航和页面行选择器,然后无休止地加载记录。
我现在的问题是如何使页面行选择器(10、25、50、100)正常工作,以便不管表中记录的数量如何,页面都将加载默认的10条记录,并在表的底部显示搜索框和页面导航按钮。
谢谢您

<script>  
 $(document).ready(function(){  
      $('#employee_data').DataTable();  
 });  
 </script>
<?php  
 $connect = mysqli_connect("localhost", "root", "", "blog_samples");  
 $query ="SELECT * FROM tbl_employee ORDER BY ID DESC";  
 $result = mysqli_query($connect, $query);  
 ?>  
 <!DOCTYPE html>  
 <html>  
      <head>  
           <title>Webslesson Tutorial | Datatables Jquery Plugin with Php MySql and Bootstrap</title>  
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
           <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />  
           <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>  
           <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>            
           <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" />  
      </head>  
      <body>  
           <br /><br />  
           <div class="container">  
                <h3 align="center">Datatables Jquery Plugin with Php MySql and Bootstrap</h3>  
                <br />  
                <div class="table-responsive">  
                     <table id="employee_data" class="table table-striped table-bordered">  
                          <thead>  
                               <tr>  
							        <td>ID</td> 
                                    <td>Name</td>  
                                    <td>Address</td>  
                                    <td>Gender</td>  
                                    <td>Designation</td>  
                                    <td>Age</td>  
									<td data-sortable="false">Action</td>  									
                               </tr>  
                          </thead>  
                          <?php  
                          while($row = mysqli_fetch_array($result))  
                          {  
                               echo '  
                               <tr>                                      
									<td>'.$row["tin_id"].'</td>  									
									<td>'.$row["name"].'</td>  
                                    <td>'.$row["address"].'</td>  
                                    <td>'.$row["gender"].'</td>  
                                    <td>'.$row["designation"].'</td>  
                                    <td>'.$row["age"].'</td>  
									<td>button</td>    									
                               </tr>  
                               ';  
                          }  
                          ?>  
                     </table>  
                </div>  
           </div>  
      </body>  
 </html>

这是一段美好的学习时光。
同时,我很抱歉没有回来,因为我张贴了这个问题的答案。
我可以通过创建一个自定义服务器端来解决这个问题。代码太长,我无法粘贴到这里。但是,对于有问题的用户,请访问此链接https://www.webslesson.info/2017/01/php-pdo-ajax-crud-with-data-tables-and-bootstrap-modals.html. 将代码复制到php编辑器中,重写代码以适合您的情况,就可以开始了。
代码行很容易理解!
好好享受!

uemypmqf

uemypmqf1#

要将值(如100、250、500、1000)的页行选择器添加到我的数据表中,请添加以下代码行:


**"aLengthMenu": [[10, 50, 100, 250, 500, 1000], [100, 250, 500, 1000]],

     "iDisplayLength": 10**

我的剧本。“idisplaylength”:100将是默认值

<script>  
 $(document).ready(function(){  
      $('#employee_data').DataTable();
   **"aLengthMenu": [[10, 50, 100, 250, 500, 1000], [10, 50, 100, 250, 500, 1000]],
     "iDisplayLength": 10**
 });  
 </script>
9vw9lbht

9vw9lbht2#

在我努力添加服务器端的按钮之后,我不能这样做,所以我求助于使用这个php codeigniter datatable服务器端crudajax,如链接中所示https://github.com/ahmadsolehin/php-codeigniter-datatable-serverside-crud-ajax.
请注意,在我前面的表中添加服务器端ajax代码将解决主要问题。主要问题是在旁边添加按钮。我不能那样做,因此需要改变。
你可以下载它,做一些调整,让它运行。它运行我的30万张唱片相当好,我很好。

相关问题