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');
});