datatables服务端分页配置最新教程2018

datatables服务端分页配置

datatables可以说是个好东西吧,几行js代码就能够让你初始化一个表格,很方便,但是要用好还是很困难的,因为配置太多太多了,网上的大多数是一些陈旧的配置,如果datatables更换了这么多版本,网上很多配置都有一些问题,我这里也不是datatables的基础教程,我这里就谈一下服务端分页怎么配置,因为我项目中用到了,笔以记之。后之览者,亦将有感于斯文~

一、必备

  1. 引入

    
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css">
    
    
    <script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js">script>
    <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js">script>
  2. 主体

    <table id="example" class="display" cellspacing="0" width="100%">
           <thead>
               <tr>
                   <th>Nameth>
                   <th>Positionth>
                   <th>Officeth>
                   <th>Ageth>
                   <th>Start dateth>
                   <th>Salaryth>
               tr>
           thead>
           <tfoot>
               <tr>
                   <th>Nameth>
                   <th>Positionth>
                   <th>Officeth>
                   <th>Ageth>
                   <th>Start dateth>
                   <th>Salaryth>
               tr>
           tfoot>
           <tbody>
               <tr>
                   <td>Tiger Nixontd>
                   <td>System Architecttd>
                   <td>Edinburghtd>
                   <td>61td>
                   <td>2011/04/25td>
                   <td>$320,800td>
               tr>
         tbody>
    table>
  3. js代码

    $(document).ready(function() {
       $('#example').DataTable();
    } );

    有这三个部分文件放到一个html中,你就可以实例化一个表格了,很容易对吧

二、分页

  1. 代码

    
                        
                        

你可能感兴趣的:(前端开发)