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

在线预览    源码下载

爱编程-编程爱好者经验分享平台
版权所有 爱编程 © Copyright 2012. All Rights Reserved.
闽ICP备12017094号-1