表单/表格

可分页排序和搜索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

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

已有 493 人购买
  • z2s5
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

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