données eExport en PDF

Question

Je remplir les données dans le tableau par jquery maintenant je veux exporter les données en format pdf/excel Pour cela, j'essaye ce lien export data link

J'essaie ce travail avec succès alors je le code ajouter dans mon dossier

<a href="#" onclick="$('#tabledata').tableExport({ type: 'excel', escape: 'false' });">XLS</a> 

<a href="#" onclick="$('#tabledata').tableExport({ type: 'pdf', escape: 'false' });">PDF</a> 

Je crée table avec l'aide jquery PF

success: function (result) { 
      var final = JSON.parse(result.d).response; 

      console.log(JSON.parse(result.d).response); 
      $("#tabledata").empty(); 

      if (final.length > 0) { 
       $("#tabledata").append(
      "<tr><th>ID</th><th>Owner</th><th>RegNo</th></tr>"); 

       for (var i = 0; i < final.length; i++) { 

        if (final[i] !== null) { 
         $("#tabledata").append("<tbody><tr><td>" + 
              final[i][0] + "</td> <td>" + 
              final[i][1] + "</td> <td>" + 
              final[i][2] + "</td></tr></tbody>"); 

        } 
       } 
       $("#tabledata tr:first").addClass('GridviewScrollHeader'); 
       $("#tabledata tr").addClass('GridviewScrollItem'); 
       $("#tabledata").addClass('GridviewScrollPager'); 

      } 

ok maintenant obtenir des données avec cette tête aussi, mais maintenant le problème est qu'il n'y a que deux colonnes d'affichage en troisième position pdf colonne affiche pas, je pense que le formatage de l'image vérification image

alors comment je fait ce

Toute solution

Answer 1

Si vous êtes autorisé à utiliser le plugin, s'il vous plaît utiliser le plugin datatable. Son est assez facile à utiliser et nous permet d'exporter des données de table html en pdf, txt, xls

ci-dessous est l'échantillon de référence à partir du lien d'origine:

$(document).ready(function() { 
    $('#example').DataTable({ 
     dom: 'Bfrtip', 
     buttons: [ 
      'copyHtml5', 
      'excelHtml5', 
      'csvHtml5', 
      'pdfHtml5' 
     ] 
    }); 
}); 

site de référence à l'exemple complet peut être trouvé ici: https://datatables.net/extensions/buttons/examples/html5/simple.html