Fork me on GitHub
Like it? Star it! Want it? Fork it! And also follow ;)
Follow @danielreznick Tweet
Check out my other jQuery plug-in: Feedback MeCheck out my AngularJS Directive: Color Picker

Yet Another DataTables Column Filter (yadcf) 0.9.1

AJAX source example

This jQuery plug-in allows the user to easily add filter components to table columns, the plug-in works on top of the DataTables jQuery plug-in.

Features View source All params
Engine Browser Platform Version Grade
Features:
Usage(on this page example):
						$(document).ready(function () {
						    'use strict';
						    
						    //----------------------------------------------
					    	//note that this is the old yadcf API for init the filters 
					    	//new init function should be used when working with new Datatable (capital "D" API)
					    	//for new init function see: http://yadcf-showcase.appspot.com/DOM_Ajax_Multiple_1.10.html
					    	//----------------------------------------------
					    
						    oTable = $('#entrys_table').dataTable({
						        "iDisplayLength": 10,
						        "bJQueryUI": true,
						        "bProcessing": true,
						        "sAjaxSource": 'entrys_table_source',
						        "aoColumns": [{
						            "sTitle": "Engine"
						        }, {
						            "sTitle": "Browser"
						        }, {
						            "sTitle": "Platform"
						        }, {
						            "sTitle": "Version",
						            "sClass": "center"
						        }, {
						            "sTitle": "Grade",
						            "sClass": "center",
						            "fnRender": function (obj) {
						                var sReturn = obj.aData[obj.iDataColumn];
						                if (sReturn === "A") {
						                    sReturn = "A";
						                }
						                return sReturn;
						            }
						        }]
						    }).yadcf([{
						        column_number: 0
						    }, {
						        column_number: 1,
						        filter_type: "text"
						    }, {
						        column_number: 2,
						        filter_type: "auto_complete"
						    }, {
						        column_number: 3,
						        filter_type: "range_number_slider"
						    }, {
						        column_number: 4
						    }], 'footer');
						});
					
All available parameters (detailed documentation inside jquery.dataTables.yadcf.js):