作者此前评测过免费开源的 TypeScript 数据表格库 gp-grid,这次干脆用它做了一个完整项目:虚构的国际街头美食节网站 STREET BITES,四个页面里有三个由表格驱动,摊主目录、美食探索、三日日程各一张。用到的功能包括排序、过滤、自定义单元格渲染、行内编辑、行分组、透视和虚拟滚动,全部来自同一个包。
🔑 核心要点
项目选型刻意做成数据类型多、记录量大,才能把表格功能真正用上。
三张表分别覆盖摊主、菜品、日程,功能覆盖排序过滤到分组透视。
自定义单元格与行内编辑靠一个包解决,不需要再拼装多个库。
结论是集成过程直接,高级功能不设付费墙。
💡 金句
“Having sorting, filtering, editing, selection, grouping, pivoting, and virtualization available in one open-source package made the implementation easier to organize.” 译:排序、过滤、编辑、选择、分组、透视和虚拟滚动都在一个开源包里,让实现的组织容易了许多。