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.
| Rendering engine | Additional Information | |||
|---|---|---|---|---|
| Browser | Platform(s) | Engine version | CSS 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({
"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
}]);
});