使用大型虚拟表呈现问题

时间:2018-09-05 08:08:01

标签: javascript html css google-chrome microsoft-edge


我正在使用this tablescript来显示虚拟表,但是出于某种原因,在出现特定问题之后。

Google Chrome浏览器上,超过了最高值(行在父div中显示的位置值)1.677715e + 07px(16777150px)之后,这些行缺少其边框底部
这是由于某些原因。最新版本的Chrome浏览器(v69)会发生这种情况。

在68版中,此行的值最高,渲染次数也更多。 它们仍然在那里,您可以通过浏览器上的检查工具看到它们。

数字16777150与JavaScript或Google Chrome有关吗?

Edge浏览器上发生了一些不同的事情。如果虚拟表格的父div高度超过10737418px,则此div的呈现高度将仅与其内容高度一样高
,因此,如果最后一行的结尾是顶部900px,则表格的高度将为900px
如果进一步向下倾斜并且新行被渲染,则div也将变大。但是在检查器中,您可以在此元素中看到正确的高度值,并且它根本不会改变。

To post this link I need this code..

Here is the Code exampel.
如果要自己进行测试,则.js和.css位于示例文件夹中此表的github中。

也许这与浏览器或JavaScript有关,所以我在这里问这个问题。

2 个答案:

答案 0 :(得分:0)

我不知道您的表格如何显示。 但是一次显示这么多的条目不是一个好习惯。尝试使用分页。 看看https://datatables.net/并尝试动态加载表条目(例如从数据库中拾取表条目或类似的东西)

答案 1 :(得分:0)

您曾经提到过,表脚本也可以做同样的事情,我看到在很多记录之后,它显示了很长的空白空间而没有数据。 但是在这里,我想向您确认,如果您使用分页并一次显示20行,那么它应该可以正常工作。 那为什么要显示大量记录? 如果您对20行有任何疑问,请尝试告诉我们。 我们将尝试找到解决方案。 问候 迪帕克