Discussion :

[karamaster]

Bonjour,
Je travaille sur un projet dans lequel j'ai intégré la plateforme jquery dataTables. Je voudrais changer la langue en français mais mon code ne fonctionne pas. J'ai fais quelques recherches sans succès.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
 <table class="table table-bordered table-striped" id="dataTable" width="100%" cellspacing="0">
    <thead>
        <tr class="table-primary text-center fontBlack fontBold">
           <th>NOM PRENOM</th>
              <th>DATE LIEU NAIS.</th>
            <th>CONTACTS</th>
            <th>E-MAIL</th>
            <th>FONCTION</th>
             <th>PHOTO</th>
	     <th>ACTION</th>
          </tr>
     <thead>
       <tr class="table-primary text-center fontBlack fontBold">
           <th>NOM PRENOM</th>
            <th>DATE LIEU NAIS.</th>
            <th>CONTACTS</th>
            <th>E-MAIL</th>
            <th>FONCTION</th>
            <th>PHOTO</th>
	</tr>
     </thead>
     <tbody>
         <tr>
             <td>Tiger Nixon</td>
             <td>System Architect</td>
             <td>Edinburgh</td>
             <td>61</td>
              <td>2011/04/25</td>
              <td>$320,800</td>
	      <td>$320,800</td>
 
          </tr>
    </tbody>
 </table>

Script de personnalisation :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
$(document).ready(function() {
  $('#dataTable').DataTable({
 
	"pageLength": 	  10,
	"decimal":        ",",
	"emptyTable":     "Aucun élément trouvé",
	"info":           "Affichage _START_ to _END_ sur _TOTAL_ entries",
	"infoEmpty":      "Aucune donnée disponibles",
	"infoFiltered":   "(Filtrer de _MAX_ total)",
	"infoPostFix":    "",
	"thousands":      " ",
	"lengthMenu":     "Affichage _MENU_ enregistrement par page",
	"loadingRecords": "Chargement...",
	"processing":     "En cours...",
	"search":         "Rechercher:",
	"zeroRecords":    "L'élément recherché n'existe pas dans la liste",
	"paginate": {
		"first":      "Premier",
		"last":       "Dernier",
		"next":       "Suivant",
		"previous":   "Précédent"
		},
	"aria": {
		"orderable":  "Trier par ordre croissant",
		"orderableReverse": "Trier par ordre décroissant"
		}
	});
});

Importation du fichier dans la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script src="js/datatables-pers.js"></script>

[SpaceFrog]

https://datatables.net/plug-ins/i18n/French.html