HTML table 过滤器

分享于 

1分钟阅读

Web开发

  繁體 雙語

演示

<脚本 language="javascript"> </脚本> Col1Col2
1字符串
1string2
2字符串
2STRING2
3
1字符串
1string2
2字符串
2STRING2
3

介绍

编写web应用程序时,我需要一种方法以简单的方式过滤大型 table。 在 MS Excel中使用该应用程序的用户进行自动筛选,所以我希望我的过滤器具有相同的外观和感觉。

功能

  • 一旦筛选了列,它的余列的下拉框就会适应更改。 就像Excel中的自动筛选器 !
  • 如果行具有类 noFilter,则筛选器不会触及行。

使用代码

使用代码非常简单。 只需将脚本包含到页面中:

<scriptlanguage="javascript"src="tablefilter.js"></script>

并激活 OnLoad 中的过滤器:

<bodyonload="attachFilter(document.getElementById('tbl'), 1)">

attachFilter 需要两个参数:

  • 要将筛选器附加到的table 对象。
  • 筛选行应该插入的行号。

浏览器兼容性

脚本最初是为 IE 编写的。 我在 Firefox 上成功测试过它,但是我不知道这个脚本是否适用于Netscape浏览器。

历史记录

  • 2005/07/27: 第一个版本。

tab    Excel  Html表格  
相关文章