IE11中更少的行渲染-Clusterize.js [英] Less rows rendering in IE11 - Clusterize.js

问题描述

我正在使用Clusterize.js显示400,000行.我尝试了一个小样本，在这里找到了它-> https://codepen.io/thdoan/pen/NgqmVG

I am using Clusterize.js to show 400,000 rows. I tried a small sample which I found here-> https://codepen.io/thdoan/pen/NgqmVG

我在IE 11中看到较少的行，而Google chrome显示了所有40万行.

I see lesser rows in IE 11 whereas Google chrome shows all the 400,000 rows.

如果我做错了什么或错过了什么，请提出建议或纠正.

Please suggest or correct if i am doing something wrong o missing something.

我的代码:

 <!-- -->
                    <div class="clusterize">
                        <div id="scroll-area1" class="clusterize-scroll">
                            <table>
                                <tbody id="tblDrugLUPCluster" class="clusterize-content"></tbody>
                            </table>
                        </div>
                    </div>
                    <!-- -->
<script>
    function LoadDrugLUP_Cluster() {
        var aRows1 = [];
        for (var i = 0; i < 400000; i++) {
            aRows1.push('<tr><td>' + i + '</td><td>input</td><td>input</td><td>input</td><td>input</td></tr>');
        }
        var clusterize1 = new Clusterize({
            rows: aRows1,
            scrollId: 'scroll-area1',
            contentId: 'tblDrugLUPCluster'
        });
    }
</script>

<style>
    .clusterize table {
        width: 100%;
        border: 1px solid #000;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .clusterize td {
        border: 1px solid #000;
    }

    #tblDrugLUPCluster.clusterize-content > div {
        display: inline-block;
    }
</style>

IE11-停留在238,095

IE11 - stuck at 238,095

Chrome浏览器:

Chrome:

推荐答案

来自Clusterize.js docs
这是浏览器的局限性

From Clusterize.js docs
It's browser limitations

这篇关于IE11中更少的行渲染-Clusterize.js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！