文档章节

js实现漂亮表格+分页排序功能

lgscofield
 lgscofield
发布于 2015/06/26 13:58
字数 271
阅读 54
收藏 0

#程序员薪资揭榜#你做程序员几年了?月薪多少?发量还在么?>>>

TinyTable JavaScript Table Sorter

This updated table sorter script is easy to use and feature packed at only 2.5KB. New features include column highlighting, optional pagination, support for links, and date/link parsing. A few other features are alternate row highlighting, header class toggling, auto data type recognition and selective column sorting. More updates will follow soon.

To initialize a table sorter follow the pattern below:

1
2
3
4
5
6
7
8
9
10
11
12
13
var sorter = new TINY.table.sorter( 'sorter' );
sorter.head = 'head' ; //header class name
sorter.asc = 'asc' ; //ascending header class name
sorter.desc = 'desc' ; //descending header class name
sorter.even = 'evenrow' ; //even row class name
sorter.odd = 'oddrow' ; //odd row class name
sorter.evensel = 'evenselected' ; //selected column even class
sorter.oddsel = 'oddselected' ; //selected column odd class
sorter.paginate = true ( false ); //toggle for pagination logic
sorter.pagesize = 15 (20); //toggle for pagination logic
sorter.currentid = 'currentpage' ; //current page id
sorter.limitid = 'pagelimit' ; //page limit id
sorter.init( 'table' ,1);

Before initialization, a new table sorter object must be created. The parameter taken by TINY.table.sorter is the variable name used for the object. The object.init function takes 2 parameters: the id of the table and the initially sorted column index (optional). If you want to exclude a column from sorting add class=”nosort” to the appropriate table header. Table styling is completely customizable via the CSS.

This script has been tested in all major browsers and is available free of charge for both personal or commercial projects under the creative commons license. Community support is available here. Paid support is also available, contact me for details.

本文转载自:http://lgscofield.iteye.com/blog/1676277

lgscofield

lgscofield

粉丝 24
博文 141
码字总数 63275
作品 0
南京
架构师
私信 提问
加载中

评论(0)

ASP.NET MVC+BUI实现表格的操作

在Web中基于表格的操作,比如添加行、单元格内容编辑等等功能,是完全基于js实现的。但如果程序员完全使用js或者jquery去编写表格控件,则会导致样式不统一,代码量较大等问题,尤其对于不太...

guwei4037
2018/02/22
0
0
关于bootstraptable插件进行table的分页查询排序

在业务系统开发中,对表格记录的查询、分页、排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非...

osc_nmo72btw
2019/05/30
7
0
Bootstrap-table使用总结(整合版)

一、什么是Bootstrap-table?   在业务系统开发中,对表格记录的查询、分页、排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随...

osc_wqha5akl
2018/06/15
45
0
Bootstrap-table 使用总结

一、什么是Bootstrap-table?   在业务系统开发中,对表格记录的查询、分页、排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随...

osc_jo6rqvdg
2018/04/18
6
0
使用插件bootstrap-table实现表格记录的查询、分页、排序等处理

1、Bootstrap-table资源及使用介绍 在GitHub上Bootstrap-table的源码地址是:https://github.com/wenzhixin/bootstrap-table Bootstrap-table的文档地址:http://bootstrap-table.wenzhixin.......

osc_adbdgnsp
2018/05/18
12
0

没有更多内容

加载失败,请刷新页面

加载更多

websocket实现一个聊天室

上次讲了websoket的基础知识和应用插件,今天我们来用websocket来实现一个聊天程序。先看几张界面截图: 聊天界面: 历史消息查看: 用户上线提醒: 在线体验地址:地址 功能结构图 可以看到...

osc_k1o54uky
26分钟前
25
0
gvim的基本配置(中文乱码,行号和主题)

在C:\Program Files\Vim目录下的 _vimrc文件中,插入基本配置,包括中文乱码,行号和主题。 " Vim with all enhancementssource $VIMRUNTIME/vimrc_example.vim" 解决中文乱码set encodi......

osc_jcfo5qp3
26分钟前
15
0
cad版本转换器哪一款好用?DWG和DXF文件如何互转?

很多工作者在工作时发现,有时候自己接收到一个文件,点击打开时发现打不开,显示文件格式不对,遇见这样的情况就需要把文档转换成自己常用的文件格式。只有经过转换过的图才能打开查看,那么...

真不莲
27分钟前
20
0
C++类中引用成员和常量成员的初始化(初始化列表)

如果一个类是这样定义的: Class A{ public: A(int pram1, int pram2, int pram3); privite: int a; int &b; const int c; } ......

osc_y9y4gqxx
28分钟前
23
0
三年OI——我的初中信竞生涯

目录 前言 Part 1 Part 2 Part 3 Part 4 Part 5 Part 6 后记 前言 OI至今已三年,小记一则,兼怀往事 文采不加,文章不伦不类,愧对语文老师 Part 1 初一上学期时,家父听说\(xzy\)(学长)得...

osc_9fexqrfv
28分钟前
24
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部