Erreur Datatable HTML Javascript

Version imprimable

Bonjour,
depuis un certain temps je rencontre une erreur lors de l'actualisation de ma page:

Citation:

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

je ne parvient pas à trouver la solution
ci-dessous 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<table class="table table-bordered table-hover text-size-small table datatable-scroll-y" width="100%">
                            <thead>
                            <tr class="bg-blue">
                                <th>#</th>
                                <th>Article</th>
                                <th>Quantité</th>
                                <th>Description</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            <?php
                            $n = 0;
                            $sql = "SELECT id_article, lib_article, description
                                    FROM article
                                    WHERE id_ecole = '$idecl'
                                    ORDER BY lib_article";
                            $req = $DB->query($sql);
                            while ($d = $req->fetch())
                            {
                                $n = $n + 1;
                                $id = $d['id_article'];
 
                                $qte = NBentre($id, $DB)-NBsortie($id, $DB);
                                // Alerte quantité
                                if($qte >= 200)
                                {
                                    $cls = "text-bold text-success text-center";
                                }
                                if($qte >= 100 && $d['qte_article'] < 200)
                                {
                                    $cls = "text-bold text-warning text-center";
                                }
                                if($qte < 100)
                                {
                                    $cls = "text-bold text-danger text-center";
                                }
                                ?>
                                <tr>
                                    <td><?php echo $n; ?></td>
                                    <td><?php echo $d['lib_article']; ?></td>
                                    <td class="<?php echo $cls; ?>"><?php echo $qte; ?></td>
                                    <td><?php echo $d['description']; ?></td>
                                    <td class="text-center">
                                        <ul class="icons-list">
                                            <li class="dropdown">
                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                                    <i class="icon-menu9"></i>
                                                </a>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li><a href="ErgEntre.php?art=<?php echo $id; ?>&libart=<?php echo $d['lib_article']; ?>"><i class="icon-database-add"></i> Entrée article</a>
                                                    </li>
                                                    <?php
                                                        if($qte <> 0) {
                                                            ?>
                                                            <li>
                                                                <a href="StockEntre.php?art=<?php echo $id; ?>&libart=<?php echo $d['lib_article']; ?>"><i
                                                                        class="icon-database-export"></i> Sortie article</a>
                                                            </li>
                                                            <?php
                                                        }
                                                    ?>
                                                    <li><a href="ModArticle.php?art=<?php echo $id; ?>&libart=<?php echo $d['lib_article']; ?>&dc=<?php echo $d['description']; ?>"><i class="icon-database-refresh"></i> Modifier</a>
                                                    </li>
                                                    <li><a href="SupArticle.php?art=<?php echo $id; ?>"><i class="icon-cancel-circle2" onclick="return confirm('Confirmer la suppression !')"></i> Supprimer</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </td>
                                </tr>
                                <?php
                            }
                            ?>
                            </tbody>
                        </table>

23/03/2018, 14h46
Marco46

Quel rapport avec le JavaScript ? Je ne vois aucun js, que du html et du php.
23/03/2018, 16h59
saninx

Effectivement, mais je ne pense pas que cette erreur soit une erreur PHP ou HTML, qui pour le peu que je connaissent ne se manifestent pas de cette manière, à moins que je me trompe.
26/03/2018, 11h51
Celira

Vu l'erreur et plus précisement le lien dans l'erreur, il semble DataTables soit une composant avec du JS dedans. Donc, logiquement il doit y avoir du JS quelque part dans la page et c'est ça qui bug. Problème : le JS en question n'est pas visible dans le code présenté :aie:
26/03/2018, 11h58
saninx

effectivement, j'utilise un Template qui à des tables prédéfinies qui contiennent des codes JS. cependant avec mes autres tables pas de soucis, mais celle ci me renvoie cette erreur. pour ma par je ne fais afficher que le résultat de mes requêtes en php.
26/03/2018, 12h13
Celira
Je ne maitrises pas le composant DataTable, mais je dirais que c'est un problème de nombre de colonnes. A priori, le nombre de colonnes est cohérent entre le TableHead et le TableBody, mais tu as un entête vide. Essaye de mettre quelque chose dedans :
Code:

1 2 3 4 5 6 7 8 9 <thead> <tr class="bg-blue"> <th>#</th> <th>Article</th> <th>Quantité</th> <th>Description</th> <th>Actions</th> </tr> </thead>

DataTables warning: table id=DataTables_Table_0 - Requested unknown parameter '4' for row 0

Bonjour,
Depuis longtemps je rencontre un problème.
j'utilise un template web pour mes développements et j'ai fréquemment cette erreur sur certaines pages ou je dois afficher des tableaux, par exemple :
DataTables warning: table id=DataTables_Table_0 - Requested unknown parameter '4' for row 0 pour ce 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
<div class="panel panel-flat">
                        <table class="table table-bordered table-hover datatable-highlight table-striped">
                            <thead>
                                <tr class="bg-green-600">
                                    <th class="text-bold" width="40px">Codes</th>
                                    <th class="text-bold">Libelle</th>
                                </tr>
                            </thead>
                            <tbody>
                            <?php
 
                            // Cas sélection compte bancaire
                            $sql = "SELECT CODE_CIB, DESCRIPTION_CIB
                                    FROM CODES_INTERBANCAIRES
                                    ORDER BY CODE_CIB";
                            $req = $DB->query($sql);
                            while ($d = $req->fetch()) {
                                ?>
                                <tr>
                                    <td><?php echo $d['CODE_CIB']; ?></td>
                                    <td><?php echo $d['DESCRIPTION_CIB']; ?></td>
                                </tr>
                                <?php
                            }
                            ?>
                            </tbody>
                        </table>
                    </div>

j'ai lu les recommandations faites sur cette erreur mais je ne vois aucune erreur que j'ai pu faire. je précise que sur d'autres pages ça marche parfaitement bien et sur d'autre au lancement j'ai cette erreur et lorsque je clic sur le bouton ok la page s'affiche.
merci de votre aide.

08/11/2018, 14h08
Invité
Bonjour,
- 4. Warning: Requested unknown
C'est tout ce qu'on peut dire avec ce que tu montres.

le message d'erreur complet :
DataTables warning: table id=DataTables_Table_0 - Requested unknown parameter '4' for row 0. For more information about this error, please see http://datatables.net/tn/4

le JS du Datatable du template est le suivant :

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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
$(function() {
 
 
    // Table setup
    // ------------------------------
 
    // Setting datatable defaults
    $.extend( $.fn.dataTable.defaults, {
        autoWidth: false,
        columnDefs: [{ 
            orderable: false,
            width: '100px',
            targets: [ 5 ]
        }],
        dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
        language: {
            search: '<span>Filtre:</span> _INPUT_',
            lengthMenu: '<span>Nombre de lignes:</span> _MENU_',
            paginate: { 'first': 'First', 'last': 'Last', 'next': '&rarr;', 'previous': '&larr;' }
        },
        drawCallback: function () {
            $(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').addClass('dropup');
        },
        preDrawCallback: function() {
            $(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').removeClass('dropup');
        }
    });
 
 
    // Datatable 'length' options
    $('.datatable-show-all').DataTable({
        lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]]
    });
 
 
    // DOM positioning
    $('.datatable-dom-position').DataTable({
        dom: '<"datatable-header length-left"lp><"datatable-scroll"t><"datatable-footer info-right"fi>',
    });
 
 
    // Highlighting rows and columns on mouseover
    var lastIdx = null;
    var table = $('.datatable-highlight').DataTable();
 
    $('.datatable-highlight tbody').on('mouseover', 'td', function() {
        var colIdx = table.cell(this).index().column;
 
        if (colIdx !== lastIdx) {
            $(table.cells().nodes()).removeClass('active');
            $(table.column(colIdx).nodes()).addClass('active');
        }
    }).on('mouseleave', function() {
        $(table.cells().nodes()).removeClass('active');
    });
 
 
    // Columns rendering
    $('.datatable-columns').dataTable({
        columnDefs: [ 
            {
                // The `data` parameter refers to the data for the cell (defined by the
                // `data` option, which defaults to the column being worked with, in
                // this case `data: 0`.
                render: function (data, type, row) {
                    return data +' ('+ row[3]+')';
                },
                targets: 0
            },
            { visible: false, targets: [ 3 ] }
        ]
    });
 
 
 
    // External table additions
    // ------------------------------
 
    // Add placeholder to the datatable filter option
    $('.dataTables_filter input[type=search]').attr('placeholder','Rechercher...');
 
 
    // Enable Select2 select for the length option
    $('.dataTables_length select').select2({
        minimumResultsForSearch: "-1"
    });
 
});