4 1.01 Appearance

koalyptus edited this page 2018-06-17 21:43:25 +10:00

Property	Type	Description	Remarks	Example
base_path	string	defines the path to the script's directory (default: 'TableFilter/')		var tfConfig = { base_path: 'myDir/' }
stylesheet	string	defines the global stylesheet (default: 'filtergrid.css')		var tfConfig = { stylesheet: 'myDir/myStylesheet.css' }
filters_cell_tag	string	specifies the tag of the cell containing a filter ('td' / 'th')		var tfConfig = { filters_cell_tag: 'th' }
col_widths	array	this property defines column widths. It accepts an array containing width values (['150px','10%'])		var tfConfig = { col_widths: ["150px","15%",null,null] }
responsive	boolean	enables / disables responsive layout (default - false)	Only when grid_layout is off	var tfConfig = { responsive: true }
sticky_headers	boolean	enables / disables sticky column headers (default - false)	Not supported when responsive option is enabled and does not apply to grid_layout	var tfConfig = { sticky_headers: true }
flts_row_css_class	string	defines the css class of filters row		var tfConfig = { flts_row_css_class: "myclass" }
flt_css_class	string	defines the css class of filters (inputs and selects)		var tfConfig = { flt_css_class: "myclass" }
flt_small_css_class	string	defines the css class of smaller filters (if validation button is generated in the same column of a filter)		var tfConfig = { flt_small_css_class: "myclass" }
flt_multi_css_class	string	defines css class of multiple select filters		var tfConfig = { flt_multi_css_class: "myclass" }

Website | Examples | Es6 documentation