.tableExport не является функцией

Question

все еще меня с той же сделкой.

Так что я объясню это быстро. Я все включаю в свою страницу, так что не так.

Я работаю над визуальной студией.

Я создал таблицу, которую хочу экспортировать в формате pdf или что-то еще. И поэтому я использую это:

https://github.com/hhurz/tableExport.jquery.plugin

Это работает очень хорошо, если в моем коде я выразился так:

   $('table').tableExport({ type: 'pdf', jspdf: { orientation: 'l', format: 'a3', margins: { left: 10, right: 10, top: 20, bottom: 20 }, autotable: { styles: { fillColor: 'inherit', textColor: 'inherit' }, tableWidth: 'auto' } } }); 

Очевидно, окруженный индуктора.

Но в любое время я хочу положить это в кнопку, это не сработает !! Chrome консоль продолжает говорить мне следующее: .tableExport не является функцией

Как это возможно? Он работает хорошо, когда я просто называю скрипт!

Это мое событие и моя кнопка (пожалуйста, если кто-то есть что-то, чтобы помочь, что было бы очень здорово!):

$(document).ready(function() { 
       $('#downloadPDF').on('click', function (e) { 
        console.log("test"); 
        e.preventDefault(); 
        $('table').tableExport({ type: 'csv' }); 

        $('table').tableExport({ 
         type: 'pdf', 
         jspdf: { 
          orientation: 'l', 
          format: 'a3', 
          margins: { 
           left: 10, 
           right: 10, 
           top: 20, 
           bottom: 20 
          }, 
          autotable: { 
           styles: { 
            fillColor: 'inherit', 
            textColor: 'inherit' 
           }, 
           tableWidth: 'auto' 
          } 
         } 
        }); 
       }); 
      }); 

      <button type="button" id="downloadPDF" class="btn btn-default">Default</button>*@ 

Спасибо, ребята.

 <table id="table" class="table table-hover "> 

      <tbody>    
       <tr> 
        <td></td> 
        <td> </td> 
       </tr> 
       <tr> 
        <td></td> 
        <td></td> 
       </tr> 

      </tbody> 




      <tr class="info"> 
       <td><b></b></td> 
       <td></td> 
      </tr> 

      <tbody> 
       <tr> 
        <td> 
         <br /><br /> 
         <br /><br /> 
         <br /><br /> 
      </tbody>   
        </td> 
        <td><br /><br /><br /></td> 
       </tr> 
       <tr> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr> 
        <td></td> 
        <td></td> 
       </tr> 
       <tr> 
        <td></td> 
        <td> </td> 
       </tr> 
       <tr> 
        <td></td> 
        <td> </td> 
       </tr> 

      </tbody> 

     </table> 

    </div> 

    @* Bouton extraction *@ 

     <script> 
      $(document).ready(function() { 

      }); 
     </script> 
     <script> 

     $('#downloadPDF').on('click', function (e) { 
        console.log("test"); 
        e.preventDefault(); 
        $('table').tableExport({ 
         type: 'pdf', 
         jspdf: { 
          orientation: 'l', 
          format: 'a3', 
          margins: { 
           left: 10, 
           right: 10, 
           top: 20, 
           bottom: 20 
          }, 
          autotable: { 
           styles: { 
            fillColor: 'inherit', 
            textColor: 'inherit' 
           }, 
           tableWidth: 'auto' 
          } 
         } 
        }); 
       }); 
     </script> 


     <button type="button" id="downloadPDF" class="btn btn-default">Default</button>*@ 

Answer 1

я столкнулся с этой проблемой. Это происходит, если другие файлы зависимостей js таблицыExport.js не включены в правильный порядок. Убедитесь, что эти файлы включены, а также в правильном порядке, как показано на странице git hub. https://github.com/hhurz/tableExport.jquery.plugin.