0  <a name="top"></a>
  <h1>Résultats de </h1>
  <div class="table-responsive">
<table class="table table-bordered table-hover" id="liste">
<thead class="info">
<tr>
	<th class="col-xs-1">Date</th>
	<th class="col-xs-4"><div style="display: inline;"><div style="text-align: left;">Lieu</div><div class="hidden-xs" style="text-align: right">Description</div></div><div class="hidden-xs" style="text-align: center;">Jury</div></th>
	<th class="col-xs-1">Niveau</th>
	<th class="col-xs-4">Chien</th>
	<th class="col-xs-2">Rang - Qual - Pts<br />Mention</th></tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<script>
$(document).ready(function () {
 $('#liste').DataTable( {
     responsive: {
        details: false
    	},
			ordering: false,
       //langue française
        "language": {
            "sProcessing":     "Traitement en cours...",
            "sSearch":         "Rechercher&nbsp;:",
            "sLengthMenu":     "Afficher _MENU_ &eacute;l&eacute;ments",
            "sInfo":           "Affichage de l'&eacute;lement _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
            "sInfoEmpty":      "Affichage de l'&eacute;lement 0 &agrave; 0 sur 0 &eacute;l&eacute;ments",
            "sInfoFiltered":   "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
            "sInfoPostFix":    "",
            "sLoadingRecords": "Chargement en cours...",
            "sZeroRecords":    "Aucun &eacute;l&eacute;ment &agrave; afficher",
            "sEmptyTable":     "Aucune donn&eacute;e disponible dans le tableau",
            "oPaginate": {
                "sFirst":      "Premier",
                "sPrevious":   "Pr&eacute;c&eacute;dent",
                "sNext":       "Suivant",
                "sLast":       "Dernier"
            },
            "oAria": {
                "sSortAscending":  ": activer pour trier la colonne par ordre croissant",
                "sSortDescending": ": activer pour trier la colonne par ordre d&eacute;croissant"
            }
        },
        initComplete: function () {
            var api = this.api();
            api.columns().indexes().flatten().each( function ( i ) {
                var column = api.column( i );
                var select = $('<select><option value=""></option></select>')
                    .appendTo( $(column.footer()).empty())
                    .on( 'change', function () {
                        var val = $.fn.dataTable.util.escapeRegex(
                            $(this).val()
                        );
                        column
                            .search( val ? '^'+val+'$' : '', true, false )
                            .draw();
                    });
                column.data().unique().sort().each( function ( d, j ) {
                    select.append( '<option value="'+d+'">'+d+'</option>' );
                });
            });
        }
    });});
</script>