columnFilter() gives error
columnFilter() gives error
I am trying to add column filter.
But it gives error on console (of browser):
Uncaught TypeError: Object [object Object] has no method 'columnFilter'
I expect the column filters to be displayed at the bottom
This is my code:
[code]
$JQ_1(function() {
$JQ_1('#TableId').dataTable( {
"bJQueryUI": true,
"bLengthChange": true,
"bFilter": true,
"bInfo": true,
"bPaginate": true,
"bSort":true,
"sPaginationType": "full_numbers",
"aaSorting": [[ 0, "asc" ]],
"aoColumns": [
{"bSortable": true},
{"bSortable": true},
{"bSortable": true},
{"bSortable": true},
{"bSortable": false}
]
} ).columnFilter(
{
aoColumns: [ { type: "select" },
{ type: "text" },
null,
{ type: "text" },
{ type: "select" }
]
});
} );
[/code]
What .js file do I need to include?
I am currently including DataTables_v1.7.6/jquery.dataTables.js , TableTools-2.0.1/media/js/TableTools.js , TableTools-2.0.1/media/js/ZeroClipboard.js
Please help!
But it gives error on console (of browser):
Uncaught TypeError: Object [object Object] has no method 'columnFilter'
I expect the column filters to be displayed at the bottom
This is my code:
[code]
$JQ_1(function() {
$JQ_1('#TableId').dataTable( {
"bJQueryUI": true,
"bLengthChange": true,
"bFilter": true,
"bInfo": true,
"bPaginate": true,
"bSort":true,
"sPaginationType": "full_numbers",
"aaSorting": [[ 0, "asc" ]],
"aoColumns": [
{"bSortable": true},
{"bSortable": true},
{"bSortable": true},
{"bSortable": true},
{"bSortable": false}
]
} ).columnFilter(
{
aoColumns: [ { type: "select" },
{ type: "text" },
null,
{ type: "text" },
{ type: "select" }
]
});
} );
[/code]
What .js file do I need to include?
I am currently including DataTables_v1.7.6/jquery.dataTables.js , TableTools-2.0.1/media/js/TableTools.js , TableTools-2.0.1/media/js/ZeroClipboard.js
Please help!
This discussion has been closed.
Replies
You will probably also need to include the columnFilter file I guess.
Allan
Yep got it resolved. Was missing a file.