Could not resolve individual column filtering
Could not resolve individual column filtering
I'm fairly new to datatables, so I'm sorry if this is too basic.
I'm trying to add column based filtering as specified in http://www.datatables.net/release-datatables/examples/api/multi_filter.html
I also looked at the example in http://datatables.net/forums/discussion/2864/x#Item_3
I cannot share a link because it is running on the local server. But I can share the code:
[code]
$('#mytable').dataTable( {
"sPaginationType": "full_numbers",
"bStateSave": true,
"oLanguage": {
"sProcessing": "İşleniyor...",
"sLengthMenu": "Sayfada _MENU_ Kayıt Göster",
"sZeroRecords": "Eşleşen Kayıt Bulunmadı",
"sInfo": " _TOTAL_ Kayıttan _START_ - _END_ Arası Kayıtlar",
"sInfoEmpty": "Kayıt Yok",
"sInfoFiltered": "( _MAX_ Kayıt İçerisinden Bulunan)",
"sInfoPostFix": "",
"sSearch": "Bul:",
"sUrl": "",
"oPaginate": {
"sFirst": "İlk",
"sPrevious": "Önceki",
"sNext": "Sonraki",
"sLast": "Son"
}
}
} );
$("tfoot input").keyup( function () {
oTable.fnFilter( this.value, $("tfoot input").index(this) ); // Filter on the column (the index) of this element
} );
// Support functions to provide a little bit of 'user friendlyness' to the textboxes in the footer
$("tfoot input").each( function (i) {
asInitVals[i] = this.value;
} );
$("tfoot input").focus( function () {
if ( this.className == "search_init" )
{
this.className = "";
this.value = "";
}
} );
$("tfoot input").blur( function (i) {
if ( this.value == "" )
{
this.className = "search_init";
this.value = asInitVals[$("tfoot input").index(this)];
}
} );
[/code]
[code]
No
Nereden
Nereye
Taşıt
Firma
Haftanın Günü
Kalkış Saati
Süre
Etkin
...
[/code]
What is wrong here? I see the input boxes but I cannot filter.
Thank you in advance.
Bülent Özden
I'm trying to add column based filtering as specified in http://www.datatables.net/release-datatables/examples/api/multi_filter.html
I also looked at the example in http://datatables.net/forums/discussion/2864/x#Item_3
I cannot share a link because it is running on the local server. But I can share the code:
[code]
$('#mytable').dataTable( {
"sPaginationType": "full_numbers",
"bStateSave": true,
"oLanguage": {
"sProcessing": "İşleniyor...",
"sLengthMenu": "Sayfada _MENU_ Kayıt Göster",
"sZeroRecords": "Eşleşen Kayıt Bulunmadı",
"sInfo": " _TOTAL_ Kayıttan _START_ - _END_ Arası Kayıtlar",
"sInfoEmpty": "Kayıt Yok",
"sInfoFiltered": "( _MAX_ Kayıt İçerisinden Bulunan)",
"sInfoPostFix": "",
"sSearch": "Bul:",
"sUrl": "",
"oPaginate": {
"sFirst": "İlk",
"sPrevious": "Önceki",
"sNext": "Sonraki",
"sLast": "Son"
}
}
} );
$("tfoot input").keyup( function () {
oTable.fnFilter( this.value, $("tfoot input").index(this) ); // Filter on the column (the index) of this element
} );
// Support functions to provide a little bit of 'user friendlyness' to the textboxes in the footer
$("tfoot input").each( function (i) {
asInitVals[i] = this.value;
} );
$("tfoot input").focus( function () {
if ( this.className == "search_init" )
{
this.className = "";
this.value = "";
}
} );
$("tfoot input").blur( function (i) {
if ( this.value == "" )
{
this.className = "search_init";
this.value = asInitVals[$("tfoot input").index(this)];
}
} );
[/code]
[code]
No
Nereden
Nereye
Taşıt
Firma
Haftanın Günü
Kalkış Saati
Süre
Etkin
...
[/code]
What is wrong here? I see the input boxes but I cannot filter.
Thank you in advance.
Bülent Özden
This discussion has been closed.
Replies
[code]
var oTable = $('#mytable').dataTable( {
...
[/code]