保持行隐藏并在搜索时显示

时间:2018-04-27 18:57:53

标签: javascript

美好的一天, 我使用的动态表工作得非常好,但它变得很长,接口变慢了。

我在表格中看到很多关于动态搜索的教程但是在没有任何情况下行被隐藏然后在搜索时出现,它总是被缩减为关键字的列表/行。

有没有人有任何想法,文件或旧帖子(我真的没找到),以表示给我一个想法怎么做?

提前致谢!!

        <table class="0" id="demo" cellpadding="0" cellspacing="0">
        <thead>
            <tr>
                <th align="left">From</th>
                <th align="left">Destination</th>
                <th align="left">Road Distance (km)</th>
                <th align="left">By Air (hrs)</th>
                <th align="left">By Rail (hrs)</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><strong>Sydney</strong></td>
                <td>Adelaide</td>
                <td>1412</td>
                <td>1.4</td>
                <td>25.3</td>
            </tr>
            <tr>
                <td><strong>Sydney</strong></td>
                <td>Brisbane</td>
                <td>982</td>
                <td>1.5</td>
                <td>16</td>
            </tr>
            <tr>
                <td><strong>Sydney</strong></td>
                <td>Canberra</td>
                <td>286</td>
                <td>.6</td>
                <td>4.3</td>
            </tr>
            <tr>
                <td><strong>Sydney</strong></td>
                <td>Melbourne</td>
                <td>872</td>
                <td>1.1</td>
                <td>10.5</td>
            </tr>
            <tr>
                <td><strong>Adelaide</strong></td>
                <td>Perth</td>
                <td>2781</td>
                <td>3.1</td>
                <td>38</td>
            </tr>
            <tr>
                <td><strong>Adelaide</strong></td>
                <td>Alice Springs</td>
                <td>1533</td>
                <td>2</td>
                <td>20.25</td>
            </tr>
            <tr>
                <td><strong>Adelaide</strong></td>
                <td>Brisbane</td>
                <td>2045</td>
                <td>2.15</td>
                <td>40</td>
            </tr>
        </tbody>
    </table> <br><br>
<!-- TABLE FILTER -->

<script src="tablefilter.js"></script> <script src="test-alternate-rows.js"></script>

0 个答案:

没有答案