IE11 中呈现的行数减少 - Clusterize.js
Less rows rendering in IE11 - Clusterize.js
我正在使用 Clusterize.js 显示 400,000 行。我尝试了在这里找到的一个小样本-> https://codepen.io/thdoan/pen/NgqmVG
我在 IE 11 中看到较少的行,而 Google chrome 显示所有 400,000 行。
如果我做错了什么或遗漏了什么,请提出建议或更正。
我的代码:
<!-- -->
<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
Chrome:
来自 Clusterize.js docs
这是浏览器限制
我正在使用 Clusterize.js 显示 400,000 行。我尝试了在这里找到的一个小样本-> https://codepen.io/thdoan/pen/NgqmVG
我在 IE 11 中看到较少的行,而 Google chrome 显示所有 400,000 行。
如果我做错了什么或遗漏了什么,请提出建议或更正。
我的代码:
<!-- -->
<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
Chrome:
来自 Clusterize.js docs
这是浏览器限制