热门关键字:
jquery > jquery教程 > jquery教程 > 可分页、排序和搜索的jQuery表格插件

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

308
作者:管理员
发布时间:2020/2/27 15:04:04
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=912

  简要教程

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

  使用方法

  安装

  npminstalljquery.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:Createpaginationbuttonsfortbenclosestpages。

  perPage:使用分页时每页展示多少条数据。

  searchable:是否开启搜索。

  sortable:是否开启排序。

  sortColumn:Columnnumberforinitialsorting。

  sortOrder:Initialsortorder。





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐