JQuery表格插件之Datatables

DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。主要特点：

• 自动分页处理
• 即时表格数据过滤
• 数据排序以及数据类型自动检测
• 自动处理列宽度
• 可通过CSS定制样式
• 支持隐藏列
• 易用
• 可扩展性和灵活性
• 国际化
• 动态创建表格
• 免费的

学习Datatable准备：
下载插件包http://www.datatables.net/download/
开始
引入CSS文件和JS文件
--------------------------------------------------------------------------

--------------------------------------------------------------------------
其中的文件路径根据自己的项目而改变
下面就是正题了（个人的源码）
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %> 产品编号 产品名称 产品价格 产品状态
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常
1 产品1 100 正常
2 产品2 2000 不正常
3 产品3 3890 正常


希望对刚接触他的人有所帮助，更希望高手提出宝贵的意见和建议，呈让了

延伸阅读