Filtre colonne data tables

Bonjour,

Je cherches à activer le filtre par colonne sur le plugin datatables à l'aide de dataTable().columnFilter();

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
 
<script src="media/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" language="javascript" src="media/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		$('#tableau_liste').dataTable( {
					"bJQueryUI": true,
					"iDisplayLength": 20,
		"oLanguage": {
				"sUrl": "media/language/fr_FR.txt"
			}
		} );
	} 
 
	);
 
$(document).ready(function(){
     $('#tableau_liste').dataTable()
		  .columnFilter();
});
 
</script>
</head>
 
<body>
 
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tableau_liste">
  <thead>
    <tr class="titretbl">
      <th align="center" nowrap="nowrap">Nom Prenom</th>
      <th align="center">Selectionner</th>
  </thead>
    </tr>
 
  <?php
    while ($Ligne=mysql_fetch_object($res))
    { 
        ?>
  <tr>
    <td><?php echo $Ligne->NomPrenom; ?></td>
<td><?php echo $Ligne->Service; ?></td>
    <td><input name="" type="checkbox" value="" /></td>
  </tr>
  <?php
    }
        ?>
</table>
</body>
</html>

Je n'arrive pas à obtenir le filtre sur une colonne en particulier comme c'est le cas sur l'exemple suivant :

http://jquery-datatables-column-filt...unk/index.html

Une idée ?

Merci