datatable paramètre manquant

Bonjour,

j'ai cette tableau:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<table  id="table_Profils" class="table table-striped table-advance table-hover">
 
                                <hr>
                                <thead>
                                    <tr>
                                        <th  style="text-align:left">Date </th>
                                        <th  style="text-align:left">Détails</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for message in messages %}
                                        <tr>
                                            <td>
                                                {{message.date}}
                                            </td>
                                            <td> 
                                                {{ message.message }}
                                            </td>
                                        </tr> 
                                    {% endfor %}
                                </tbody>
                            </table>

et cà la fonction javascript qui permet d'ajouter zone de recherche en cette tableau :

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
(document).ready(function(){
 
 var table =     $('#table_Profils').dataTable( {
        "dom": '<"top"<"row" <"col-sm-4" i><"col-sm-4" p><"col-sm-4" <"pull-right" f>>>rt<"bottom"l><"clear">',
        "stateSave": true,
        "paging":   true,
        'order': [5, 'asc'],
         "sPaginationType": "bootstrap",
        "info":     true,
        'columnDefs': [
            { type: 'num-html', targets: 1 },
            { "iDataSort": 1, "aTargets": [ 5 ] },
              ],
 
        language: {
        processing:     "Traitement en cours...",
        search:         "Rechercher :",
        lengthMenu:    "Afficher _MENU_ éléments",
        info:           " _START_-_END_/_TOTAL_ éléments",
        infoEmpty:      " 0 -  0 / 0 éléments",
        infoFiltered:   "(filtré de _MAX_ éléments au total)",
        infoPostFix:    "",
        loadingRecords: "Chargement en cours...",
        zeroRecords:    "Aucun élément Ã  afficher",
        emptyTable:     "Aucune donnée disponible dans le tableau",
        paginate: {
            first:      "Premier",
            previous:   "Précédent",
            next:       "Suivant",
            last:       "Dernier"
        },
        aria: {
            sortAscending:  ": activer pour trier la colonne par ordre croissant",
            sortDescending: ": activer pour trier la colonne par ordre décroissant"
        },
        },
        'rowCallback': function(row, data, dataIndex){
         // Get row ID
         var rowId = data[1];
 
         // If row ID is in the list of selected row IDs
         if($.inArray(rowId, rows_selected) !== -1){
            $(row).find('input[type="checkbox"]').prop('checked', true);
 $(row).addClass('selected');
         }
    }
    } );

mais je trouve cette probléme :

Citation:

"DataTables warning: table id=table_Profils - Requested unknown parameter '2' for row 0. For more information about this error, please see http://datatables.net/tn/4"

aide moi s'il vous plait pour résoudre cette probléme et merci d'avance

c'est peut-être le "<hr/>" qui n'est pas accepté dans la balise "<table>"

je supprime <hr/> mais même probléme

Bonjour,
il serait intéressant que tu indiques quel plugin tu utilises !

Citation:

Envoyé par NoSmoking

Bonjour,
il serait intéressant que tu indiques quel plugin tu utilises !

j'utilise jquery.dataTables.js