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。