Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 分页中的Filter Textfield Jquery_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 分页中的Filter Textfield Jquery

Javascript 分页中的Filter Textfield Jquery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,嗨,我是html javascript新手,jquery任何帮助都会非常感谢我设法创建了一个具有过滤器输入的表,但我的问题是当我在搜索框中键入内容并对其进行过滤时,但当我退格直到文本字段为空时,它显示了表的整行,我的分页不起作用,因为在我第一次加载时,没有在输入文本字段表中搜索显示两行和数字页面下一步按钮每页仅显示两行,但如果我筛选搜索并使我的字段为空,则不会限制行数,它将显示所有行,就像现在我有六行一样,它将显示六行,我希望只显示两行,当再次单击下两行时*分页链接-->* <table

嗨,我是html javascript新手,jquery任何帮助都会非常感谢我设法创建了一个具有过滤器输入的表,但我的问题是当我在搜索框中键入内容并对其进行过滤时,但当我退格直到文本字段为空时,它显示了表的整行,我的分页不起作用,因为在我第一次加载时,没有在输入文本字段表中搜索显示两行和数字页面下一步按钮每页仅显示两行,但如果我筛选搜索并使我的字段为空,则不会限制行数,它将显示所有行,就像现在我有六行一样,它将显示六行,我希望只显示两行,当再次单击下两行时*分页链接-->*

<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>
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>

如果字段为空切换两行,我是否可以在jquery中执行此操作?因为您使用的是jquery,所以可以使用。它具有内置搜索、分页等功能。