表单/表格

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

面包多

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

安装方法

  1. npm install jquery.fancytable --save
也想出现在这里?联系我们
创客主机

初始化插件

  1. $(document).ready(function() {
  2.     $(".sampleTable").fancyTable({
  3.         sortColumn:0,
  4.         pagination: true,
  5.         perPage:10,
  6.         globalSearch:true
  7.     });     
  8. });

配置参数

可用的配置参数如下:

  • 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。

Github 网址:https://github.com/myspace-nu/jquery.fancyTable

(0)

本文由 创客云 作者:PetitQ 发表,转载请注明来源!

阿里云

热评文章

发表评论

精彩推荐

Supro - 极简电商WordPress汉化主题

Envato Affiliates

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!

Hi, 如果您有主题插件代购(30-600元)汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!