大数据表格（Data Table）

🧮算法原理

数据常驻 WASM 内存

所有行保存在 Rust 的全局状态 static STORE: Mutex<Option<Store>> 中。JS 不持有完整数据，只按需取一小段。

索引排序

排序和过滤不移动行数据本身，只重排一个下标数组 order: Vec<usize>，交换的是 8 字节的整数，而不是整行字符串。

全文过滤

把查询词转成小写，逐行检查姓名、邮箱、城市、部门、电话、年龄、薪资是否包含该词，结果写回 order。空查询时恢复全部行。

虚拟滚动

用一个高度为 总行数 × 37px 的占位元素撑出滚动条。滚动时根据 scrollTop / 37 算出第一条可见行，只渲染这之后的 40 行，并用绝对定位把它们放到正确的位置。

🔄Rust 与 JavaScript 的分工

1. Rustgenerate_rows(n)：Rust 生成 n 行示例数据并保存在 WASM 内存中。
2. Rustsort_by_column(列, 升序) 和 filter_rows(关键词)：Rust 更新下标数组，返回结果行数。
3. JSJS 在滚动时调用 get_page(起始行, 40)，Rust 把这一小段数据拼成 JSON 字符串返回。
4. JSJS 解析 JSON，生成这 40 行的 HTML，写入 <tbody>。