33种Javascript 表格排序控件收集

1. jQuery tablesorter


http://tablesorter.com/docs/

2. Table sorting with Prototype

http://tetlaw.id.au/view/blog/table-sorting-with-prototype/

3. Sorttable

http://www.kryogenix.org/code/browser/sorttable/

4. Table Sorting Javascript

http://yoast.com/articles/sortable-table/

5. Sorting Tables with Object Oriented JavaScript QuickSort

http://terrill.ca/sorting/

6. Standardista Table Sorting (A client-side JavaScript Table Sort module)

http://www.workingwith.me.uk/articles/scripting/standardista_table_sorting

7. Unobtrusive Client-Side Table Sorting, Filtering, and Paging Example

http://www.javascripttoolbox.com/lib/table/

8. Mingyi's JavaScript for sorting HTML tables

http://www.mingyi.org/other/ts_demo.html

9.Web design tutorials: How to Sort table rows using Ajax Javascript

http://4-tutorial.blogspot.com/2009/09/web-design-tutorials-how-to-sort-table.html

10. Javascript Table Sorter

http://www.leigeber.com/2008/11/javascript-table-sorter/

11. Sort ‘n Scroll Table JavaScript

http://4umi.com/web/javascript/tablescroll.php

12. WebFX Sortable Table

http://webfx.eae.net/dhtml/sortabletable/sortabletable.html

13. Sortable Tables in JavaScript

http://safalra.com/web-design/javascript/sortable-tables/

14. Unobtrusive Table Sort Script (revisited)

http://www.frequency-decoder.com/2006/09/16/unobtrusive-table-sort-script-revisited

15. SortedTable

http://friedcellcollective.net/js/SortedTable/

16. jQuery Tutorial: DOM Manipulation and sorting

http://www.evotech.net/blog/2008/11/jquery-tutorial-dom-manipulation-and-sorting/

17. JavaScript Toolbox – Sortable Table

http://www.mattkruse.com/javascript/sorttable/

18. BrainJar Table Sort

http://www.brainjar.com/dhtml/tablesort/

19. Sorting Columns in a Table

http://htmlcoder.visions.ru/JavaScript/?22

20. Mootable

http://joomlicious.com/mootable/

21. The Joy of an Optimized, Complete Javascript Table Sort

http://madhatted.com/assets/2008/1/11/minimal_sort_1.html

22. Sample Javascripts: Sort Table

http://www.webwinnerdesigns.com/js-sortable.html

23. TinyTable JavaScript Table Sorter

http://www.leigeber.com/2009/03/table-sorter/

24. Yet Another Javascript Table Sort script

http://www.tagarga.com/blok/post/2

25. Client-side Table Sorting Using Javascript

http://www.satya-weblog.com/2007/06/client-side-table-sorting-using.html

26. Ingrid, the jQuery Datagrid

http://www.reconstrukt.com/ingrid/

27. phatfusion Sortable Table

http://www.phatfusion.net/sortabletable/

28. DHTML Goodies: Unobtrusive sortable table

http://www.dhtmlgoodies.com/?showDownload=true&whichScript=sortable_table

29. Cut & Paste Sortable table

http://www.javascriptkit.com/script/script2/sorttable.shtml

30. Table Sorter

http://neil.fraser.name/software/tablesort/

31. DataTables 1.4

http://www.datatables.net/

32. Pascarello.com: JavaScript Sortable Table

http://www.pascarello.com/sortTable/

33. Uize.Widget.TableSort Example

http://www.uize.com/examples/source-code/table-sort-complex.html

赞 (0)

相关推荐

  • javascript多种数据类型表格排序代码分析

    中文汉字排序. 中英文混合排序. 数据大小排序. 文件类型排序(后缀名排序) 日期时间排序. 价格排序. 中文混合数字排序; 使用方法:文档载入后new tableListSort(arguments,arguments). 接受两个参数:第一个参数为必须的,可以是字符串ID,也可以是table对象;第二个可选参数,此参数为一个对象,{data:index,fileType:index,fn:function(){}}:对象有三个可选的属性,第一个和第二个为扩展排序的数据类型,第三个参数为排序后

  • JS实现简单表格排序操作示例

    JS实现简单表格排序操作示例

    本文实例讲述了JS实现简单表格排序操作.分享给大家供大家参考,具体如下: <!DOCTYPE> <html> <head> <meta http-equiv="Content-type" content="text/html" charset="utf-8"> <title>sort table</title> <style> *{ margin:0px; pad

  • tablesorter.js表格排序使用方法(支持中文排序)

    tablesorter.js表格排序使用方法(支持中文排序)

    最近,因为项目需要,对表格排序做了一下摸索,整理如下: 1. 首先,可从官网下载tablesorter.js,但并不支持中文的排序,对其源码进行修改: 部分源码: function sortText(a, b) { return ((a < b) ? -1 : ((a > b) ? 1 : 0)); }; function sortTextDesc(a, b) { return ((b < a) ? -1 : ((b > a) ? 1 : 0)); }; 修改后: function

  • JavaScript Sort 表格排序

    JavaScript Sort 表格排序

    1.你真的懂JavaScript里面的Sort方法吗? 2.你知道JavaScript中 localeCompare 方法的函数体吗? 3.表格排序 方法 要哪些参数? JavaScript中的sort方法直接就提供了排序的功能,不需要我们自己写个循环一个个的判断.但其机制仍然是那样的, 复制代码 代码如下: window.onload=function(){ var MyArr=new Array("red","green","gray");

  • js 静态HTML表格排序功能实现

    无标题文档 *{font-family:Arial, Helvetica, sans-serif;font-size:14px;border:none;} body{text-align:center;} table{margin:100px auto;} td{width:100px;height:24px;text-align:center;line-height:24px;border:1px solid silver;} .red{color:red;} .top{background:

  • JS实现HTML表格排序功能

    本文实例为大家分享了JavaScript实现HTML表格排序功能,供大家参考,具体内容如下 HTML代码: <table cellpadding="0" id="table"> <tr class="top"> <td>click me</td> <td>click me</td> <td>click me</td> <td>click m

  • javascript 表格排序和表头浮动效果(扩展SortTable)

    一.SortTable说明 SortTable version 2 7th April 2007 Stuart Langridge, http://www.kryogenix.org/code/browser/sorttable/ Instructions: Download this file Add <script src="sorttable.js"></script> to your HTML Add class="sortable"

  • JavaScript实现表格排序方法

    JavaScript实现表格排序方法

    参考代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ

  • 分享一个自己写的table表格排序js插件(高效简洁)

    像:jQuery的table排序插件(感觉其使用比较麻烦或不清楚其具体用法,就没有使用).原生态js的table排序插件等,最后比较看了下--采用了一个原生态js的table排序插件,并在其基础上做了些修改,虽有些勉强或有些地方使用不太舒服,但最算是比较好的实现了当时需要的功能.而前两天,对原有表格做了点儿修改--增加隔行换色的功能,问题就出现了,--效果错乱:检查分析了下,问题出在其table排序插件代码上--其原代码写的比较难理解,修改还不如重新自己写一个table排序插件. 说写就写,ta

  • javascript实现表格排序 编辑 拖拽 缩放

    简单表格排序 可以双击编辑 自定义编辑后的 规则 可拖动列进行列替换 可推动边框进行列宽度的缩放 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xht

  • js 表格排序(编辑+拖拽+缩放)

    Table body{ font-size:12px} #tab{ border-collapse: collapse;} .edit{ height:16px; width:98%; background-color:#EFF7FF; font-size:12px; border:0px;} #tab thead td{ background:url(/upload/201005/20100531233452190.bmp);color:#183C94} #tab tbody td{ over

随机推荐