http://blog.DoZarte.com


如何排序的方针HTML表格

也许没有人注意到n'era第一-或者不是我n'ero我只注意到! -但是,自2006年以来已经有一个美丽的javascript ,让您排序列在一个表中根据不同的标准。

作为一个JavaScript脚本,如前所述,这是一个非侵入性,这是发生在客户端,也就是你的程序员,你刚才执行的代码的网页,他所在的表格处理和不能创造一些奇怪的炼金术上游。

此脚本是一个修订版以前的脚本也做了同样的事情,但是较慢的数据。

  • 您可以编写自定义函数进行排序行
  • 你可以突出行/列交替的颜色
  • 脚本自动确定什么样的数据,一栏(数字,字母, ... )
  • 可以界定的职能之前和之后的重组线

例如基本的,什么样的要求,将排序表将是这样的:

  fdTableSort.jsWrapper ( yourTableId , colNum ) ; 

为了使任何排序栏可以工作在治疗类排序。 该脚本将是确定的数据类型栏是要建立一个负责人栏按一下箭头的订单。

要打开经常栏一栏“命令”是分配足够的标记跳类= “排序” 。

该类型的数据下令承认是:

  • 纯文字(区分大小写,这没有考虑到的区别大写和小写) 。
  • 日期(日毫米,采用yyyy ,毫米,日,西元年,采用yyyy毫米日)
  • 货币( € , $ ,英镑,日元)
  • 数字和小数

链接: 谦虚脚本排序表(修订) , 展示

-

但是,如果是偶然或使用jQuery喜欢一个解决办法非常简单,易于部署,也有一个插件的框架。

JQuery插件所谓TableSorter ,并利用它-正如我所说的那样-非常容易...

1 。输入要求jQuery和TableSorter内的<head>

  <script type="text/javascript" src="/path/to/jquery-latest.js"> “ /脚本” 
  <script type="text/javascript" src="/path/to/jquery.tablesorter.js"> “ /脚本” 

2 。给予适当的编号表命令

  <table Id="myTable"> 

3 。不会忘记打电话给

 <script> 
  $ (文件) 。准备(函数( ) ( 
  $ ( # Mytable ) 。 TableSorter ( ) ; 
  ) ) ; 
  “ /脚本” 

类似项目

  1. 突出了作者的评论
  2. 圆角为HTML元素
  3. 困惑创造一个形象的javascript
  4. 菜单树中的Javascript
  5. 更快的存取时间为您的首选框架的AJAX API的图书馆

赞助商链接:


如果您喜欢的文章总是欢迎评论! 如果你想获得的最新消息我的博客你也可以订阅RSS源 (不付费) 。 即使是通过电子邮件。 喂!

2评论关于“如何排序列的一个表的HTML ”

  1. Mozilla Firefox的 是Mozilla Firefox 3.0.1 的Windows Windows XP中
    Doz写道:

    新增SortTable斯图尔特Langridge和排序表的麦克霍尔,这也有助于排序表列。

    MyAvatars 0.2
  2. Mozilla Firefox的 是Mozilla Firefox 3.0.4 的Mac OS Mac OS X的
    Doz写道:

    分类表的Javascript是一个轻量级的脚本把一个普通表中一处整洁的网格。
    包括参数的格式行,头类,自动识别的数据类型和排序的列有选择性。
    后插入网页中的js文件,一个简单的功能将工作:

    var sorter=new table.sorter("sorter");
    sorter.init("sorter",1);

    素还可以栏,将“有序”开头,并栏不会有功能可以订购。

    MyAvatars 0.2

撰写评论

Quicktags :



Radio player, feed reader, search form, ... DoZarte toolbar

Free Download Manager