web-dev-qa-db-fra.com

L'en-tête fixe DataTable ne fonctionne pas

J'ai une table utilisant datatables plug-in.

J'essaie de corriger l'en-tête de ma table et de suivre ce lien: ici

$('.device-table').DataTable( {
    "fixedHeader": {
        header: true,
    },
    "bLengthChange": false,
    "Filter": false,
    "Info": false,
} );

Je ne vois pas l'effet.

J'ai inclus à la fois des fichiers js de tables de données et fixedHeader:

<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/fixedheader/3.1.2/js/dataTables.fixedHeader.min.js" type="text/javascript"></script>

Question

Comment procéder et déboguer?

Je suis ouvert à toutes suggestions en ce moment.

Tous les conseils/suggestions/aides à ce sujet seront très appréciés!

javascriptjquerydatatableshtml-table
12
kyo

Pour que le plugin fixedHeader fonctionne, vous avez également besoin du fichier css:

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedheader/3.1.2/css/fixedHeader.dataTables.min.css">

Vérifiez cette mise à jour:
https://jsfiddle.net/s2xbf9d0/6/

20
Dekel

Votre violon semble manquer le dataTables.fixedHeader plugin ainsi que le fixedHeader.dataTables Fichier CSS qui vous empêchait de rendre la page correctement (avec les en-têtes fixes).

DEMO de travail: - https://jsfiddle.net/s2xbf9d0/7/

J'espère que cela t'aides!

6
David R