Таблица пагинация не работает

Я использую два JQuery плагинов: quickSearch и tablePagination Таблица пагинация не работает

Когда я набираю текст в поле ввода, разбиение на страницы не работает :(

Это мой код:

<html><head> 
    <script type="text/javascript" src="/js/jquery.js"></script> 
    <script type="text/javascript" src="/js/jquery.quicksearch.pack.js"></script> 
    <script type="text/javascript" src="/js/jquery.tablePagination.js"></script> 
    <script> 
     var options = {rowsPerPage : 2,} 

     $('#admin_table').tablePagination(options); 

     $('table#admin_table tbody tr').quicksearch({ 
      position: 'before', 
      attached: '#admin_table', 
      labelText: 'Search' 
     }); 
    </script> 
</head> 
<body> 
    <table id="admin_table" class="admin_table"> 
    <tbody> 
     <tr><td>test</td><td>test11</td></tr> 
     <tr><td>te</td><td>tt11</td></tr> 
     <tr><td>te4t</td><td>tes211</td></tr> 
     <tr><td>tes45t</td><td>te234st11</td></tr> 
     <tr><td>te67st</td><td>te123st11</td></tr> 
</body> 
</html>

Как я могу сделать разбивку на страницы, если я набираю текст в поисковый ввод?

источник

2009-12-03 Vadim Chernysh

кстати. вам не хватает атрибута type из одного из ваших тегов скрипта. После 'var options = {...}' вы должны добавить точку с запятой. и вам не хватает закрывающих '' и '' тегов – jitter

Попробуйте эту исправленную версию. Возможно, ваша главная проблема заключается в том, код инициализации в блок $(document).ready(function() { ... });. Не делая этого, у вас есть несколько потенциальных источников ошибок. Код запускается на выполнение, прежде чем автофургон и или tablepagination полностью нагрузки и/или запускается на выполнение, прежде чем сама таблица видна в йот, как он визуализируется после JavaScript

<html><head> 
    <script type="text/javascript" src="/js/jquery.js"></script> 
    <script type="text/javascript" src="/js/jquery.quicksearch.pack.js"></script> 
    <script type="text/javascript" src="/js/jquery.tablePagination.js"></script> 
    <script type="text/javascript"> 
     var options = {rowsPerPage : 2,}; 
     $(document).ready(function() { 
      $('table#admin_table').tablePagination(options); 

      $('table#admin_table > tbody > tr').quicksearch({ 
       position: 'before', 
       attached: '#admin_table', 
       labelText: 'Search' 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <table id="admin_table" class="admin_table"> 
    <tbody> 
     <tr><td>test</td><td>test11</td></tr> 
     <tr><td>te</td><td>tt11</td></tr> 
     <tr><td>te4t</td><td>tes211</td></tr> 
     <tr><td>tes45t</td><td>te234st11</td></tr> 
     <tr><td>te67st</td><td>te123st11</td></tr> 
    </tbody> 
    </table> 
</body> 
</html>

источник

2009-12-03 15:00:17 jitter

ответ

Смежные вопросы