html 表格过滤功能,简单的带排序和过滤功能的jQuery表格插件

smart-table是一款简单实用的带排序和过滤功能的jQuery表格插件。该jQuery表格插件通过简单的设置就可以生成表格排序、表格字段过滤功能，甚至可以实现表格分页显示，使用非常方便。

使用方法

下载压缩包，在页面中引入jquery和smart-table.js，以及smart-table.css文件。

HTML结构

smart-table表格插件使用普通的表格HTML结构，但是要注意，表格中必须包含thead和tbody标签。

StringNumCodeMoney

Qqqqq181$12,000.00

......

初始化插件

在页面DOM元素加载完毕之后，可以通过smartTable()方法来初始化该表格插件。也可以在初始化时传入配置参数。

$(function() {

$('.st-table').smartTable({

filterOn: false,

paginationPerPage: 5

});

配置参数

smart-table表格插件有以下一些可用的配置参数。

filterOn：是否启用表格过滤功能。默认值为true。

sortingOn：是否启用表格升序和降序的排序功能。默认值为true。

hideColumnOn：是否启用隐藏表格列功能。默认值为true。

sortAscHtml：升序排序按钮的HTML标记。默认值为''。

sortDescHtml：降序排序按钮的HTML标记。默认值为''。

hideColumnHtml：隐藏列按钮的HTML标记。默认值为'X'。

zebraClass：可以设置为null或css class类，用于制作斑马线效果，添加在偶数行的class样式。默认值为zebra-odd-bg。

paginationPerPage：是否允许表格进行分页，默认值为10。

html 表格过滤功能,简单的带排序和过滤功能的jQuery表格插件相关推荐

手机自带计算机的功能,Win10自带手机投屏功能，80%的人居然都不知道
假期实在是太无聊了,天天玩手机都要无聊死了. 尤其是只带了笔记本电脑回家,现在的我无比怀念那个用大屏幕看电影的日子. 本来学霸君是打算用家里的电视的,然而爸妈要看电视. 于是假期里闲着没事的学霸君决定 ...
php实现上传文件功能,简单实现php上传文件功能
本文实例为大家分享了php上传文件功能的具体代码,供大家参考,具体内容如下 html: 文件名: php: // 允许上传的图片后缀 $allowedExts = array("gif&qu ...
QSortFilterProxyModel实现排序、过滤
1. QSortFilterProxyModel介绍 QSortFilterProxyModel类用来为model和view之间提供强大的排序和过滤支持.将模型排序或者过滤后在视图上显示,并且无需对模 ...
Android 实现ListView的A-Z字母排序和过滤搜索功能，实现汉字转成拼音
转载请注明出处:http://blog.csdn.net/xiaanming/article/details/12684155 前段时间因为换工作的缘故又恰巧碰到国庆节,所以有段时间自己没有更新博客了 ...
Android 使用RecyclerView实现（仿微信）的联系人A-Z字母排序和过滤搜索功能
之前做项目的时候遇到一个需求是实现品牌的字母排序功能,网上的资料很多,但是有一部分有bug,这篇文章是我学习和解决部分bug之后的总结.今天带来的是RecyclerView的A-Z字母排序和过滤搜索功 ...
Android实现ListView的A-Z字母排序和过滤搜索功能，实现汉字转成拼音
转载请注明出处:http://blog.csdn.net/xiaanming/article/details/12684155 前段时间因为换工作的缘故又恰巧碰到国庆节,所以有段时间自己没有更新博客了 ...
迷你播放器--第一阶段（6）--添加搜索定位功能（进阶）-使用filter过滤以及对汉语拼音的排序匹配
迷你播放器--第一阶段(6) 添加搜索定位功能(进阶)-使用filter过滤以及对汉语拼音的排序匹配; 本文章为CSDN作者原创,转载请保留出处:http://blog.csdn.net/lrs030 ...
android列表字母排序,Android 实现ListView的A-Z字母排序和过滤搜索功能，实现汉字转成拼音...
[实例简介]Android 实现ListView的A-Z字母排序和过滤搜索功能,实现汉字转成拼音 [实例截图] [核心代码] package com.example.sortlistview; imp ...
Contoso 大学 - 3 - 排序、过滤及分页
原文地址:http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/sorting-filtering-and-paging ...

html 表格过滤功能,简单的带排序和过滤功能的jQuery表格插件

html 表格过滤功能,简单的带排序和过滤功能的jQuery表格插件相关推荐

最新文章

热门文章