Фильтр Textfield Jquery в разбиении на страницы - PullRequest
0 голосов
/ 23 января 2020

Привет, я новичок в html javascript, jquery. Любая помощь будет очень признательна. Мне удалось создать таблицу, в которой есть входные данные для фильтра, но моя проблема в том, что я печатаю в поле поиска и я его фильтрую, но когда Я возвращаюсь до тех пор, пока текстовое поле не станет пустым, оно показывает целые строки таблицы, но моя нумерация страниц не работала, потому что при моей первой загрузке без поиска еще во входной таблице текстовых полей, показывающей две строки, и на странице с номерами следующая кнопка показывает только две строки на странице, но если я фильтрую поиск и сделайте мое поле пустым, он не будет ограничивать строки, он покажет все строки, как сейчас. У меня есть шесть строк, он покажет шесть строк, где я хочу, чтобы это было только две строки показывает, и когда снова щелкните следующие две строки * ссылка для разбивки на страницы - -> https://www.jqueryscript.net/table/Client-side-HTML-Table-Pagination-Plugin-with-jQuery-Paging.html *

HTML

<table  id="myTable">
    <thead>
        <tr>
            <th>Firstname</th>
            <th>Amount</th>

        </tr>
    </thead>
    <tbody>
        <tr>
            <td>John</td>
            <td>100</td>

        </tr>
        <tr>
            <td>Mary</td>
            <td>200</td>

        </tr>
        <tr>
            <td>July</td>
            <td>300</td>

        </tr>
        <tr>
            <td>Juy</td>
            <td>3000</td>

        </tr>
        <tr>
            <td>uy</td>
            <td>1000</td>

        </tr>
    <tr>
            <td>buy</td>
            <td>10700</td>

        </tr>
    </tbody>
</table>

Javascript

$(document).ready(function(){
$("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });

      $('#myTable').paging({
        limit: 2,
        rowDisplayStyle: 'block',
        activePage: 0,
        rows: []
    });  });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...