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' ;
sorter.asc = 'asc' ;
sorter.desc = 'desc' ;
sorter.even = 'evenrow' ;
sorter.odd = 'oddrow' ;
sorter.evensel = 'evenselected' ;
sorter.oddsel = 'oddselected' ;
sorter.paginate = true ( false );
sorter.pagesize = 15 (20);
sorter.currentid = 'currentpage' ;
sorter.limitid = 'pagelimit' ;
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.
分享到:
相关推荐
4. 实现表格分页功能,可指定是否开启分页功能及每页行数; 5. 排序数据支持数据类型自动识别(这点很强大)。例如:整型数据、浮点型数据、字母、电话号码、日期、链接 6. 表格外观样式可通过CSS灵活定制 7. 所需要...
asp.net会经常遇到分页的效果,尤其是希望实现静态的html分页排序(html分页相信大家都已经有自己的解决方案.在这里就不多说).我写了一个简单的Demo排序. 数据就是字母和数字两组.(汉字需要找到asc码) 原理就是利用...
js,xml生成table,实现分页,任意移动列,列排序等功能
用Bootstrap的css样式以及JS、jQuery制作的动态更新表格模板,具有筛选、分页、排序等功能,非全屏页面。表格制作精美,数据显示清晰合理,可直接应用于前端的开发。
用Bootstrap的css样式以及JS、jQuery制作的动态更新表格模板,具有筛选、分页、排序等功能,全屏页面。表格制作精美,数据显示清晰合理,可直接应用于前端的开发。
由于代码有些问题,现取消资源分,等有空再修改一下
利用bootstrap实现了表格的搜索,排序,分页,,,并且使用相关js实现了鼠标拖动列宽等, 欢迎交流
jQuery表格分页排序插件的英文名称是SlimTable插件,它创建了从现有的表中数据的排序和分页。
4. 实现表格分页功能,可指定是否开启分页功能及每页行数; 5. 排序数据支持数据类型自动识别(这点很强大)。例如:整型数据、浮点型数据、字母、电话号码、日期、链接 6. 表格外观样式可通过CSS灵活定制 7. 所需要...
div+css+js制成的表单,点击列名,可以使数据根据点击的列进行升序、降序的排序,还可以选择当前页显示的数据数量。适合网站后台使用
JQuery实现数据的分页显示,同时实现表格内容的排序
TinyTable 简单实用的JS表格分页及排序插件
主要介绍了Vue.js实现可排序的表格组件功能,涉及vue.js事件响应、元素动态操作、排序、运算等相关操作技巧,需要的朋友可以参考下
可以实现点击表格的列名来动态的排序,可以根据需求选择每页显示的记录数,
简单易用,无需其他配置要求,下载解压后单击tablesort.html查看效果,兼容IE、FF,如不兼容其它browser,敬请提出~~~谢谢
<script language="JavaScript" src="common/service/scripts/turnPage.js"> <script type="text/javascript"> var sorter = new TINY.table.sorter("sorter"); sorter.head = "head"; sorter.asc = "asc"; sorter....
datatables+springmvc+bootstrap实现分页,包含数据库 Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。 分页,即时搜索和排序 几乎支持任何数据源:DOM, ...
jqgrid-flexigrid最新优化扩展版,表格数据列表查询,内容排序,设置分页功能。替换老项目的利器。优雅的界面,人性化操作,替换老项目的利器,极大减少代码量,旧页面几乎不用修改,引入相关js即可