ColumnFilter Plugin aoColumns not working
ColumnFilter Plugin aoColumns not working
Hello all,
I am a bit new to both Datatables, jQuery, and ColumnFilter so please bear with me. I have implemented the columnfilter plugin and it works wonderfully but when I try to specify aoColumns to get dropdowns and date-ranges, the values I specified no longer work. Whereas if I use the standard datatables with default textboxes, it works just fine. Has anyone else had this issue?
[code]
$(document).ready(function() {
var oTable = $('#dt_op').dataTable( {
"bServerSide": true,
"bProcessing": true,
"sAjaxSource": "./test.cfm",
"iDisplayStart": 0,
//sets height for table to take up
"sScrollY": "344px",
"oLanguage":
{
"sSearch": "Search All"
},
//Table is initially sorted on5thd col in Desc order
//Which is DateTime Visited in this case.
"aaSorting": [[5, "desc"]],
"sPaginationType": "full_numbers",
//"sDom": 'lrtip'
"bJQueryUI": true
})
.columnFilter({
sPlaceHolder: "head:after",
<!--- aoColumns:
[
null, null, null,
{type: "select", values: ['Web', 'Mobile']},
{type: "select", values: ['Windows Phone', 'iPhone', 'iPad', 'Android Mobile', 'Android Tablet', 'Other/Desktop']},
{type: "date-range"},
{type: "select", values: ['Y', 'N', 'X']}
] --->
});
});
ID
IP Address
User Agent
Platform Category
Platform
Date/Time Visited
Successful Login
ID
IP Address
User Agent
Platform Category
Platform
Date/Time Visited
Successful Login
Loading Data from Server
ID
IP Address
User Agent
Platform Category
Platform
Date/Time Visited
Successful Login
[/code]
I am a bit new to both Datatables, jQuery, and ColumnFilter so please bear with me. I have implemented the columnfilter plugin and it works wonderfully but when I try to specify aoColumns to get dropdowns and date-ranges, the values I specified no longer work. Whereas if I use the standard datatables with default textboxes, it works just fine. Has anyone else had this issue?
[code]
$(document).ready(function() {
var oTable = $('#dt_op').dataTable( {
"bServerSide": true,
"bProcessing": true,
"sAjaxSource": "./test.cfm",
"iDisplayStart": 0,
//sets height for table to take up
"sScrollY": "344px",
"oLanguage":
{
"sSearch": "Search All"
},
//Table is initially sorted on5thd col in Desc order
//Which is DateTime Visited in this case.
"aaSorting": [[5, "desc"]],
"sPaginationType": "full_numbers",
//"sDom": 'lrtip'
"bJQueryUI": true
})
.columnFilter({
sPlaceHolder: "head:after",
<!--- aoColumns:
[
null, null, null,
{type: "select", values: ['Web', 'Mobile']},
{type: "select", values: ['Windows Phone', 'iPhone', 'iPad', 'Android Mobile', 'Android Tablet', 'Other/Desktop']},
{type: "date-range"},
{type: "select", values: ['Y', 'N', 'X']}
] --->
});
});
ID
IP Address
User Agent
Platform Category
Platform
Date/Time Visited
Successful Login
ID
IP Address
User Agent
Platform Category
Platform
Date/Time Visited
Successful Login
Loading Data from Server
ID
IP Address
User Agent
Platform Category
Platform
Date/Time Visited
Successful Login
[/code]
This discussion has been closed.