[Résolu] Problème Table Export CSV par MacflyDev - page 1

Bonjour, je souhaite exporter un fichier CSV grâce au plugin suivant : https://github.com/hhurz/tableExport.jquery.plugin, je suis la l'installation, et malheureusement quand je souhaite télécharger le fichier je reçois l'erreur suivante : TypeError: $(...).tableExport is not a function.

Voici mon code :

<?php include('parametre/connexion.php'); /* Connexion à la base de données */ ?>
<!DOCTYPE html>
<html lang="fr" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Accueil</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
        <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.13.4/dist/bootstrap-table.min.css">
        <title>Hello, Bootstrap Table!</title>
      </head>
      <body>
        <?php include('includes/navbar.php'); /* include de la bar de navigation */?>



        <div class="container">

        <div id="toolbar">
        		<select class="form-control">
        				<option value="">Export Basic</option>
        				<option value="all">Export All</option>
        				<option value="selected">Export Selected</option>
        		</select>
        </div>

        <table id="table"
        			 data-toggle="table"
        			 data-search="true"
        			 data-filter-control="true"
        			 data-show-export="true"
        			 data-click-to-select="true"
        			 data-toolbar="#toolbar">
        	<thead>
        		<tr>
        			<th data-field="state" data-checkbox="true"></th>
        			<th data-field="prenom" data-filter-control="input" data-sortable="true">Prénom</th>
        			<th data-field="date" data-filter-control="select" data-sortable="true">Date</th>
        			<th data-field="examen" data-filter-control="select" data-sortable="true">Examen</th>
        			<th data-field="note" data-sortable="true">Note</th>
        		</tr>
        	</thead>
        	<tbody>
        		<tr>
        			<td class="bs-checkbox "><input data-index="0" name="btSelectItem" type="checkbox"></td>
        			<td>Valérie</td>
        			<td>01/09/2015</td>
        			<td>Français</td>
        			<td>12/20</td>
        		</tr>
        		<tr>
        			<td class="bs-checkbox "><input data-index="1" name="btSelectItem" type="checkbox"></td>
        			<td>Eric</td>
        			<td>05/09/2015</td>
        			<td>Philosophie</td>
        			<td>8/20</td>
        		</tr>
        		<tr>
        			<td class="bs-checkbox "><input data-index="2" name="btSelectItem" type="checkbox"></td>
        			<td>Valentin</td>
        			<td>05/09/2015</td>
        			<td>Philosophie</td>
        			<td>4/20</td>
        		</tr>
        	</tbody>
        </table>
        </div>

        <!-- jQuery first, then Popper.js, then Bootstrap JS, and then Bootstrap Table JS -->
        <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.6.2/core.min.js"></script>
        <script src="https://unpkg.com/bootstrap-table@1.13.4/dist/bootstrap-table.min.js"></script>
        <script src="js/extensions/export/bootstrap-table-export.js"></script>
        <script type="text/javascript" src="js/tableExport.jquery.plugin-master/libs/FileSaver/FileSaver.min.js"></script>
        <script type="text/javascript" src="js/tableExport.jquery.plugin-master/libs/js-xlsx/xlsx.core.min.js"></script>
        <script type="text/javascript" src="js/tableExport.jquery.plugin-master/libs/jsPDF/jspdf.min.js"></script>
        <script type="text/javascript" src="js/tableExport.jquery.plugin-master/libs/jsPDF-AutoTable/jspdf.plugin.autotable.js"></script>
        <script type="text/javascript" src="js/tableExport.jquery.plugin-master/libs/es6-promise/es6-promise.auto.min.js"></script>
        <script type="text/javascript" src="js/tableExport.jquery.plugin-master/libs/html2canvas/html2canvas.min.js"></script>
        <script type="text/javascript" src="js/tableExport.jquery.plugin-master/tableExport.min.js"></script>
    <?php include('includes/footer.php');  /* include du footer (bas de page) */ ?>
  </body>
</html>

Voici ma petite ligne Javascript :

$('#table').tableExport({type:'csv'});

Pouvez-vous m'aidez svp ?

Cordialement.

Problème Table Export CSV

Problème Table Export CSV

Supprimer

Modérer

Signaler le message aux modérateurs