Blogdevphp

Exporter des données sous plusieurs formats avec le plugin HTML table Export

2014-07-26 jquery

Voilà un plugin qui pourrait vous intéresser, dans l'export de données, sous plusieurs formats. Les données, dans une table HTML, peuvent être exportées au format CSV, XLS, PDF, JSON...

Autre bon point, il y a un format SQL qui génère un fichier avec une requête INSERT. Elle récupére toutes les données, afin de permettre, l'import de données, dans votre gestionnaire de base de données.

 

Mise en place

Après installation du plugin, vous devrez déclarer dans le header, les fichiers JS à appeler :

<script type="text/javascript" src="tableExport.js">
<script type="text/javascript" src="jquery.base64.js">

Si vous souhaitez, générer des fichiers PDF, il y aura d'autres fichiers à déclarer :

<script type="text/javascript" src="jspdf/libs/sprintf.js">
<script type="text/javascript" src="jspdf/jspdf.js">
<script type="text/javascript" src="jspdf/libs/base64.js">

Pour ce qui, d'une image au format PNG :

<script type="text/javascript" src="html2canvas.js">

Par la suite, vous aurez votre tableau déclaré comme ceci :

<table id="customers" class="table table-striped" >
    <thead>   
  <tr class='warning'>
   <th>Country</th>
   <th>Population</th>
   <th>Date</th>
   <th>%ge</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>Chinna</td>
   <td>1,363,480,000</td>
   <td>March 24, 2014</td>
   <td>19.1</td>
  </tr>
  <tr>
   <td>India</td>
   <td>1,241,900,000</td>
   <td>March 24, 2014</td>
   <td>17.4</td>
  </tr>
  <tr>
   <td>United States</td>
   <td>317,746,000</td>
   <td>March 24, 2014</td>
   <td>4.44</td>
  </tr>
  <tr>
   <td>Indonesia</td>
   <td>249,866,000</td>
   <td>July 1, 2013</td>
   <td>3.49</td>
  </tr>
  <tr>
   <td>Brazil</td>
   <td>201,032,714</td>
   <td>July 1, 2013</td>
   <td>2.81</td>
  </tr>
 </tbody>
</table> 

Afin d'afficher la liste, des formats que vous aurez déclaré :

onClick ="$('#customers').tableExport({type:'pdf',escape:'false'});"

Selon ce que vous aurez besoin, vous pourrez ajouter des options pour les formats choisis. Par exemple, choisir le séparateur, la taille de la marge gauche, la taille de la police...

{type:'json',escape:'false',ignoreColumn:'[2,3]'}
{type:'sql'}
{type:'csv',escape:'false',separator:';'}
{type:'excel',escape:'false'}
{type:'pdf',pdfFontSize:'5',escape:'false'}

Pour avoir une idée de toutes les options disponibles :

separator: ','
ignoreColumn: [2,3],
tableName:'yourTableName'
type:'csv'
pdfFontSize:14
pdfLeftMargin:20
escape:'true'
htmlContent:'false'
consoleLog:'false'

Après tout cela, vous pourrez exporter les données sous le format que vous voulez :

Grâce à ce plugin, vous pourrez mettre en place, un système d'export avec de nombreux formats à la clé!

Pour en profiter, c'est par ici!

comments powered by Disqus
Copyright © 2017 blogdevphp.fr - Tous droits réservés