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.
Engine | Browser | Platform | Version | Grade |
---|
$(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'); });