jQuery实现的表格列数据过滤功能_时代Java（NowJava.com） -JS/jQuery代码 -演示与下载 -时代Java

Example 1

$(document).ready(function() { $('table#filterTable1').columnFilters({alternateRowClassNames:['rowa','rowb']}); });

First Name	Surname	Country	Number
Tom	Coote	United Kingdom	1234
Bob	Edwards	Australia	15876
Eddy	Hornblower	France	1234
Steve	Blode	USA	9835
Jeffrey	Gnome	Switzerland	0159
Terry	Winkleman	Canada	023

Example 2

$(document).ready(function() { $('table#filterTable2').columnFilters({alternateRowClassNames:['rowa','rowb'], excludeColumns:[2,3]}); });

First Name	Surname	Country	Number
Tom	Coote	United Kingdom	1234
Bob	Edwards	Australia	15876
Eddy	Hornblower	France	1234
Steve	Blode	USA	9835
Jeffrey	Gnome	Switzerland	0159
Terry	Winkleman	Canada	023

$(document).ready(function() { $('table#filterTable3').columnFilters(caseSensitive:true}); });

First Name	Surname	Country	Number
Tom	Coote	United Kingdom	1234
Bob	Edwards	Australia	15876
Eddy	Hornblower	France	1234
Steve	Blode	USA	9835
Jeffrey	Gnome	Switzerland	0159
Terry	Winkleman	Canada	023

$(document).ready(function() { $('table#filterTable4').columnFilters(minSearchCharacters:3}); });

First Name	Surname	Country	Number
Tom	Coote	United Kingdom	1234
Bob	Edwards	Australia	15876
Eddy	Hornblower	France	1234
Steve	Blode	USA	9835
Jeffrey	Gnome	Switzerland	0159
Terry	Winkleman	Canada	023

$(document).ready(function() { $('table#filterTable5').columnFilters({wildCard:'#',notCharacter:'?'}); });

First Name	Surname	Country	Number
Tom	Coote	United Kingdom	1234
Bob	Edwards	Australia	15876
Eddy	Hornblower	France	1234
Steve	Blode	USA	9835
Jeffrey	Gnome	Switzerland	0159
Terry	Winkleman	Canada	023

wildCard: "*", notCharacter: "!", caseSensitive: false, minSearchCharacters: 1, excludeColumns: [], alternateRowClassNames: [], underline: false

转载请注明出处，此代码仅供学习交流，请勿用于商业用途。

jQuery实现的表格列数据过滤功能，可以先定义表格数据，在文本框数据文本，表格数据会自动根据数据模糊匹配对数据进行过滤显示。