对保持第一行或标题完整的表进行切片

Slicing a table holding its first line or header intact

本文关键字:标题 切片 一行      更新时间:2023-09-26

我在html中有以下表格结构:

<table id="table">
            <tr>
                <td>ID</td>
                <td>Place</td>
                <td>Population</td>
            </tr>
            <tr>
                <td>1</td>
                <td>Phoenix city</td>
                <td>1445632</td>
            </tr>
            <tr>
                <td>2</td>
                <td>San Antonio city</td>
                <td>1327407</td>
            </tr>
            <tr>
                <td>3</td>
                <td>San Diego city</td>
                <td>1307402</td>
            </tr>
            <tr>
                <td>4</td>
                <td>Dallas city</td>
                <td>1197816</td>
            </tr>
            <tr>
                <td>5</td>
                <td>San Jose city</td>
                <td>945942</td>
            </tr>
    </table>

Jquery这需要通过切片表,使第一行(header)不被删除,留下类似的东西。

<table id="table">
            <tr>
                <td>ID</td>
                <td>Place</td>
                <td>Population</td>
            </tr>
            <tr>
                <td>4</td>
                <td>Dallas city</td>
                <td>1197816</td>
            </tr>
            <tr>
                <td>5</td>
                <td>San Jose city</td>
                <td>945942</td>
            </tr>
    </table>

我正在使用文件阅读器api javascript读取.csv到表中,需要通过切片该表的某些部分来过滤显示的内容。

我是这样分割的:

reader.readAsBinaryString(file.slice(0, 10 * 1024 * 1024)); 

我的完整代码在这个链接

忽略文件读取部分,这段jQuery代码在你的文章中将表格的第1-3行分割:

$('#table').html($('#table tr').not($('#table tr').slice(1,4)));

要限制读取CSV时显示的行数吗?如果是,您显示或隐藏行的标准是什么?