Question

在制作应用程序的html版本的过程中，一部分是一个最终可能包含许多单元格的表。

大约150列，最多可容纳10,000行。

问题是性能，为什么能够根据内容设置每个单元格的样式？

因此，每个单元格中都有一个数字，背景颜色根据数字所适合的百分比填充。

例如：有条带

77-100 = red
33 - 77 = blue
0 < 33 = green
0 = black

我在小桌子上尝试过的是给每个<td>的课程，我想给它上色。（颜色是用户可更改的，因此设置类，应该能够更改类定义）

所以得到这样的东西：

<tr>
  <td class='percentile-100'>87.5%</td>
  <td class='percentile-77'>75.0%</td>
  <td class='percentile-0'>0.0%</td>

并在CSS中设置类的样式。只需要4种款式。

现在有了（150 * 10,000 =）1,500,000个样式的单元格，我想到会有什么样的影响。

从JavaScript生成的数据表。但在MB区域的数据是啊。然后表呈现客户端。因此，渲染时，决定要设置的类值。

根据内容为每个单元设置样式的其他可能方法是什么？

Answer 1

我认为最好的方法是一次不加载这么多行。我做了一个程序，比较了数千个数据点并加载速度非常慢 - 问题在于我显示了所有单独的结果。最后这很好，但我们只需要查看总数。我最后只显示了总数，并根据需要进行ajax调用以重新获取个别结果，如果有人专门寻找它们的话。

简而言之，如果您担心它需要花费很长时间来设置所有单元格的样式，那么您可能不会立即加载这么多单元格。可能想查看AJAX pagination。