删除表元素的浏览器

Question

从这个开始，不必在15年内问一个HTML问题，甚至谷歌上的几个搜索，以及在SO搜索，我发现在这个问题上绝对零。只是要注意我在Chrome和Firefox上遇到过这个问题，而且我只需要它在Chrome中运行。只检查了Firefox这个问题是如此荒谬，以至于我需要确保我没有看到事情。

我正在构建一个相当复杂的Web应用程序，其中一个功能允许用户查看数据库中的一些表。他们可以查看的2个表每个都有10个成千上万的记录（行）。现在，我正在制作它，因为它们滚动它将加载（和卸载）更多记录，但是，我可以在一次拍摄中加载的记录越多越好。表格是为了显示表格数据而制作的，但是，正如大多数人所知，这些数据并不是大量的（有点挫败了它们的目的）。所以我正在试验如何加载（渲染）更多行，更快。

我的第一个实验是用<td>替换表格中的每个<div>。

<table>
    <tbody>
        <tr>
            <td>
                <div>data</div>
                <div>data</div>
                <div>data</div>
                <!-- ect -->
            </td>
        </tr>
    <tbody>
</table>

结果，一场灾难。 <table> <tbody> <tr>和<td>标记已被浏览器删除。当你有#someid table div {}的CSS时，你真的很乱。

我想最终我要采用纯<table>或纯<div>解决方案。但我想至少尝试一个混合解决方案。我希望有一些我不知道的小东西可以解决Firefox和Chrome这种非常可怕的行为。这让我想起了IE过去提到的一些愚蠢的东西，说到这一点，如果感觉像检查我愿意打赌IE也有这个问题。