Php 当我有更多行时,如何使此表仅显示10行,当我搜索时如何显示其他行?

Php 当我有更多行时,如何使此表仅显示10行,当我搜索时如何显示其他行?,php,jquery,html,css,Php,Jquery,Html,Css,我使用了这个表:不知道如何拥有更多的行,但只显示10行,并且可以搜索 <div class="input-group"> <span class="input-group-addon">Filter</span> <input id="filter" type="text" class="form-control" placeholder="Type here..."> </div> <table class="tabl

我使用了这个表:不知道如何拥有更多的行,但只显示10行,并且可以搜索

<div class="input-group"> <span class="input-group-addon">Filter</span>

    <input id="filter" type="text" class="form-control" placeholder="Type here...">
</div>
<table class="table table-striped">
    <thead>
        <tr>
            <th>Code</th>
            <th>Name</th>
            <th>Default</th>
            <th>Status</th>
        </tr>
    </thead>
    <tbody class="searchable">
        <tr>
            <td>EUR</td>
            <td>EURO</td>
            <td></td>
            <td>Active</td>
        </tr>
        <tr>
            <td>GBP</td>
            <td>Pound</td>
            <td></td>
            <td>Active</td>
        </tr>
        <tr>
            <td>GEL</td>
            <td>Georgian Lari</td>
            <td><span class="glyphicon glyphicon-ok"></span>
            </td>
            <td>Active</td>
        </tr>
        <tr>
            <td>USD</td>
            <td>US Dollar</td>
            <td></td>
            <td>Active</td>
        </tr>
    </tbody>
</table>

请帮助

您可以使用插入行

.row-class:nth-child(n+10){
    display:none;
}
当通过过滤器输入找到一行时,请更改显示:block

处的可视性

您只需更改ajax页面上sql查询的限制

比如说,

$search="test";
if(isset($search)) 
{
  select * from tblname where col_name like %$search%;
} 
else
{
  select * from tblname where limit 0,10;
}

可能就是你要找的。你问的问题很不清楚。
$search="test";
if(isset($search)) 
{
  select * from tblname where col_name like %$search%;
} 
else
{
  select * from tblname where limit 0,10;
}