建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery表格辅助插件jquery.dataTables.nightly.js

来源:易助科技网浏览量:17收藏

简介


DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先 进的互动控制,支持任何HTML表格。


JQuery表格辅助插件jquery.dataTables.nightly.js-示例图



主要特点:


自动分页处理,即时表格数据过滤,数据排序以及数据类型自动检测,自动处理列宽度,可通过CSS定制样式,支持隐藏列,易用,可扩展性和灵活性,国际化,动态创建表格。



使用


1.  引入 jquery.js 、datatables.min.css 和 jquery.dataTables.nightly.js 文件


2.  HTML


<table cellpadding="0" cellspacing="0" border="0" id="example">
  <thead>
    <tr>
      <th>Rendering engine</th>
      <th>Browser</th>
      <th>Platform(s)</th>
      <th>Engine version</th>
      <th>CSS grade</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Trident</td>
      <td>Internet Explorer 4.0</td>
      <td>Win 95+</td>
      <td> 4</td>
      <td>X</td>
    </tr>
    <tr>
      <td>Trident</td>
      <td>Internet Explorer 5.0</td>
      <td>Win 95+</td>
      <td>5</td>
      <td>C</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th>Rendering engine</th>
      <th>Browser</th>
      <th>Platform(s)</th>
      <th>Engine version</th>
      <th>CSS grade</th>
    </tr>
  </tfoot>
</table>


3.  调用


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



相关链接


官方地址 :https://www.datatables.net/

GitHub 地址 :  https://github.com/mkhairi/jquery-datatables