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 mData (deep) 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
Rendering engine Additional Information
Browser Platform(s) Engine version CSS 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({
								"bStateSave": true,
								"sScrollY": "400px",
								'iDisplayLength': 50,
								"bJQueryUI": true,
						        "bProcessing": true,
						        "sAjaxSource": "resources/sources/deep.txt",
						        "aoColumns": [{
						            "mData": "engine"
						        }, {
						            "mData": "browser"
						        }, {
						            "mData": "platform.inner"
						        }, {
						            "mData": "platform.details.0"
						        }, {
						            "mData": "platform.details.1"
						        }]
						    }).yadcf([{
						        column_number: 0
						    }, {
						        column_number: 1,
						        filter_type: "auto_complete"
						    }, {
						        column_number: 2,
						        filter_type: "auto_complete"
						    }, {
						        column_number: 3
						    }, {
						        column_number: 4
						    }]);
						});
					
All available parameters (detailed documentation inside jquery.dataTables.yadcf.js):