1
konva.js 创建表格例子,当rows变量改为1300时(本人电脑),表格无法正常显示。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Konva.js Table with Scrollbars</title>
<script src="https://cdn.jsdelivr.net/npm/konva@8.0.3/konva.min.js"></script>
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
}
#container {
width: 100%; /* 容器宽度 */
height: 100vh; /* 容器高度,设置为视口高度 */
overflow: auto; /* 启用滚动条 */
position: relative;
虚拟列表,不要都渲染出来,根据可视范围自己裁剪数据。