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
版权声明
版权说明: 仅限用于学习和研究目的;不得将上述内容用于商业和非法用途!否则一切后果自负。我们非常重视版权问题,如有侵权请邮件至(171373236#qq.com)与我们联系处理,敬请谅解!