手机版 | ------------全站资源有,统一解压码,解码平台,请点这里 ------------ 设首页 | 加收藏
当前位置: 网站首页 > jQuery库 > 文章 当前位置: jQ > 文章

可分页、排序和搜索的jQuery表格插件

时间:2020-06-25    点击: 次    来源:网络    作者:佚名 - 小 + 大

可分页、排序和搜索的jQuery表格插件
简要教程

jquery.fancyTable是一款可分页、排序和搜索的jQuery表格插件。该插件可以将静态的HTML表格转换为可以进行分页,按字段进行排序,和对表格进行全局搜索的动态表格。

使用方法

安装

npm install jquery.fancytable --save                            
初始化插件
$(document).ready(function() {    $(".sampleTable").fancyTable({        sortColumn:0,        pagination: true,        perPage:10,        globalSearch:true    });     });                   
配置参数

可用的配置参数如下:

  • globalSearch:是否开启搜索。默认为false。
  • globalSearchExcludeColumns:指定搜索的列。可填写一个数组,例如:[2,5]表示搜索第二列和第5列。
  • inputPlaceholder:搜索框占位文字。
  • inputStyle:搜索框样式。
  • onInit:插件初始化之后的回调。
  • onUpdate:排序和搜索之后的回调。
  • pagination:是否开启分页。
  • paginationClass:分页样式。
  • paginationClassActive:当前激活的分页样式。
  • paginationElement:分页元素。
  • pagClosest:Create pagination buttons for tbe n closest pages。
  • perPage:使用分页时每页展示多少条数据。
  • searchable:是否开启搜索。
  • sortable:是否开启排序。
  • sortColumn:Column number for initial sorting。
  • sortOrder:Initial sort order。

 jQuery.fancyTable插件的github网址为:https://github.com/myspace-nu/jquery.fancyTable

 可分页、排序和搜索的jQuery表格插件 本地下载

上一篇:jQuery背景动画特效插件starlight.js

下一篇:jQuery滚动固定侧边栏元素插件Sticksy.js

浙ICP备18035339号-15  |   QQ:79720816  |  地址:蚂蚁分享-一个只做有用的分享。  |  13388629007  |  
Copyright © 2023 蚂蚁分享网 版权所有,授权www.tanan.net使用 Powered by ANTQQ.COM