<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css" rel="external nofollow" >
<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="/UploadFiles/2021-04-02/jquery-1.10.2.min.js">

第二步添加 




<table id="table_id_example" class="display">
 <thead>
 <tr>
  <th>ID</th>
  <th>发布时间</th>
  <th>发布IP</th>
  <th>公告内容</th>
 </tr>
 </thead>
 <tbody>
  <volist name="notice" id="vo">
   <tr>
   <td>{$vo.id}</td>
   <td>{$vo.create_time}</td>
   <td>{$vo.create_ip}</td>
   <td>{$vo.notice_content}</td>
   </tr>
  </volist>
 </tbody>
</table> 



第三步JS




 <script>
 $(document).ready( function () {
  $('#table_id_example').DataTable();
 } );
 </script>


PHP代码




 public function gonggaochakan(){
 /* 公告查看
  */
 $dbNotice = M('notice');//实例化dbNotice对象
 $count  = $dbNotice->count();// 查询满足要求的总记录数
 $Page  = new \Think\Page($count,$count);// 实例化分页类 传入总记录数和每页显示的记录数(全部记录)
 $data = $dbNotice->order('create_time')->limit($Page->firstRow.','.$Page->listRows)->select();//获得所有记录
 $this->assign('notice',$data);//传给模板
 $this->show();
} 




"text-align: center">
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。