Hi all,
I have do like in this example : http://jquery-datatables-column-filter.googlecode.com/svn/trunk/issue30.html
But I don't know why, filter work just on my last table.
Code JS:
Code HTML :
Help please, I really don't know where the problem.
Thank
Magali
I have do like in this example : http://jquery-datatables-column-filter.googlecode.com/svn/trunk/issue30.html
But I don't know why, filter work just on my last table.
Code JS:
$('#tabDetail').dataTable({
"bProcessing": true,
"bServerSide": true,
"sPaginationType": "full_numbers",
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"aButtons": [{
"sExtends": "download",
"sButtonText": "EXCEL",
"sUrl": "generer_csv.php"
},{
"sExtends": "download",
"sButtonText": "PDF",
"sUrl": "generer_pdf.php"
}, "print"]
},
"sAjaxSource": "serverSideDetail.php",
"fnServerData": function( sUrl, aoData, fnCallback ) {
$.ajax( {
"url": sUrl,
"data": aoData,
"success": fnCallback,
"dataType": "json",
"cache": false
} );
}
}).columnFilter({
aoColumns: [{ type: "input" },
{ type: "date-range" },
{ type: "time-range" , values: ["07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"]},
{ type: "select", values: ['muret', 'labarthe']}]
});
$('#tabEntrees').dataTable({
"aaSorting": [[ 4, 'desc' ]],
"aoColumnDefs": [{ "bSortable": false, "aTargets": [ 0, 1, 2, 3, 4 ]}],
"bProcessing": true,
"bServerSide": true,
"sPaginationType": "full_numbers",
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"aButtons": [{
"sExtends": "download",
"sButtonText": "EXCEL",
"sUrl": "generer_csv.php"
},{
"sExtends": "download",
"sButtonText": "PDF",
"sUrl": "generer_pdf.php"
}, "print"]
},
"sAjaxSource": "serverSideRecurrenceEntrees.php",
"fnServerData": function( sUrl, aoData, fnCallback ) {
$.ajax( {
"url": sUrl,
"data": aoData,
"success": fnCallback,
"dataType": "json",
"cache": false
} );
}
}).columnFilter({
aoColumns: [{ type: "input" },
{ type: "date-range" },
{ type: "select", values: ['muret', 'labarthe']}]
});
Code HTML :
<div class="item"> <p class="titre">Détail des entrées</p> <table class="tabStats" id="tabDetail"> <thead> <tr> <th>Usager</th> <th>Date d'entrée</th> <th>Heure d'entrée</th> <th>Déchèterie</th> <th>Commune</th> <th>Statut</th> </tr> </thead> <tbody> </tbody> <tfoot> <tr> <th></th> <th></th> <th></th> <th></th> <th></th> <th></th> </tr> </tfoot> </table> </div> <div class="item"> <p class="titre">Récurrence des entrées</p> <table class="tabStats" id="tabEntrees"> <thead> <tr> <th>Usager</th> <th>Dernière date d'entrée</th> <th>Déchèterie</th> <th>Commune</th> <th>Total</th> </tr> </thead> <tbody> </tbody> <tfoot> <tr> <th></th> <th></th> <th></th> <th></th> <th></th> </tr> </tfoot> </table> </div>
Help please, I really don't know where the problem.
Thank
Magali