Javascript 大数据网格单元的实时更新:方法

Javascript 大数据网格单元的实时更新:方法,javascript,html,css,datagrid,Javascript,Html,Css,Datagrid,让我们设想一个具有大量行的可滚动数据网格(表)。例如,用户在股票市场中的公开交易(头寸)列表。每个报价我们都需要更新当前头寸利润的单元格。我知道两种不好的方法: 重新画桌子。(当我们有很多行的时候,速度很慢,效率也很低 由于初始行呈现,更新单元格直接抛出选择器(id等)。速度比#1快,但由于浏览器布局和样式重新计算,速度仍然较慢。 我想,很明显,问题是DOM太慢了 我相信这是一个典型的问题,必须有好的方法。可能是什么?隐藏当前超出可见范围的行(通过display:none;),然后在每个onSc

让我们设想一个具有大量行的可滚动数据网格(表)。例如,用户在股票市场中的公开交易(头寸)列表。每个报价我们都需要更新当前头寸利润的单元格。我知道两种不好的方法:

  • 重新画桌子。(当我们有很多行的时候,速度很慢,效率也很低
  • 由于初始行呈现,更新单元格直接抛出选择器(id等)。速度比#1快,但由于浏览器布局和样式重新计算,速度仍然较慢。 我想,很明显,问题是DOM太慢了
  • 我相信这是一个典型的问题,必须有好的方法。可能是什么?隐藏当前超出可见范围的行(通过display:none;),然后在每个onScroll或smth上重新计算这些行。
    感谢您的关注。

    请看,这个css钩子已经在我的表中实现了。无论如何,他们的示例也非常慢……您可以只向用户显示一些行吗(刚好可以填充页面)?你也可以使用外部工具吗?@Mohamedramramami 1.不,大桌子是可滚动的;2.不,我需要的只是想法,不是现成的解决方案。