HTML Table Filter Generator

This demos shows how to filter multiple tables with a single filter.

	//TF objects are instanciated
	function initFilters()
	{	
		tf_Id('inpSearch').value = '';
		for(var i=1; i<7; i++){
			window['tf0'+i] = setFilterGrid('tbl0'+i, tblConfig);
		}
	}
	//Global tf objects
	var tf01, tf02, tf03, tf04, tf05, tf06;
	
	//TF config object
	var tblConfig = {
		rows_counter: true,
		single_search_filter: true,
		highlight_keywords: true,
		highlight_css_class: 'highlight',
		enable_default_theme: true,
		alternate_rows: true,	
		//Single search filter for each table is hidden
		on_filters_loaded: function(o){ o.tbl.rows[o.GetFiltersRowIndex()].style.display = 'none'; }
	};
	
	//Filter tables
	var filterTables = function(){
		for(var i=1; i<7; i++){
			window['tf0'+i].SetFilterValue(0, tf_Id('inpSearch').value);
			window['tf0'+i].Filter();
		}
	};
	
	//Clear tables
	var clearTables = function(){
		tf_Id('inpSearch').value = '';
		for(var i=1; i<7; i++){
			window['tf0'+i].ClearFilters();
			window['tf0'+i].Filter();
		}
	};