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

<table id="table_id_example" class="display">
 <thead>
 <tr>
  <th>ID</th>
  <th>發(fā)布時間</th>
  <th>發(fā)布IP</th>
  <th>公告內(nèi)容</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> 

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

 public function gonggaochakan(){
 /* 公告查看
  */
 $dbNotice = M('notice');//實例化dbNotice對象
 $count  = $dbNotice->count();// 查詢滿足要求的總記錄數(shù)
 $Page  = new \Think\Page($count,$count);// 實例化分頁類 傳入總記錄數(shù)和每頁顯示的記錄數(shù)(全部記錄)
 $data = $dbNotice->order('create_time')->limit($Page->firstRow.','.$Page->listRows)->select();//獲得所有記錄
 $this->assign('notice',$data);//傳給模板
 $this->show();
}