以块形式呈现大型HTML表

Rendering large HTML table in chunks

本文关键字：大型 HTML 更新时间：2023-09-26

我正在编写一个基于Javascript的表小部件，我希望它能够处理基本上无限量的数据。为此，表将只在需要时（滚动到视图中时）向Ajax请求数据。我有一个基本的想法，但我正在努力解决的一个问题是调整表列的大小。

由于在任何时候都只渲染所有行的一部分，因此随着列的最大宽度的变化，表往往会回流。

我考虑过在每次渲染表时迭代表单元格，并记住每列的"最大宽度"。仍然会有一些回流，但一旦你看到最宽的td，它应该停止。问题是，这似乎是一种笨拙的解决方案，我发现自己写的代码比我想处理的要多

以前有人遇到过这种情况吗，或者对如何处理它有什么更简单的想法吗？

为了一致性，我会将列宽锁定为表的第一个视图上的宽度。这样，就不会有任何变化。

您还应该为开发人员提供一种为列指定静态列宽的方法，以便他们在知道列宽后可以根据数据调整列宽。