虚拟表格+动态合并单元格

虚拟表格+动态合并单元格

#tech / dev / frame #type / snippet #status / growing

虚拟表格+动态合并单元格

问题详情

 {
	"id": 401,
	"name": "Interpersonal Communication",
	"firstLevelSkillName": "Soft Skill",
	"secondLevelSkillName": "Communication & Interpersonal Skills",
	"content": [
		{
			"id": 17554,
			"contentTitle": "Getting Started with Skype for Business",
			"bizType": 10,
			"recommendId": 5964,
			"keywords": "Collaboration, Meeting Management, Teleconferencing",
			"level": 1,
			"matchDegree": 80,
			"matchReason": "Effective communication between individuals or groups is a key aspect of using Skype for Business.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17554,
			"contentTitle": "Getting Started with Skype for Business",
			"bizType": 10,
			"recommendId": 5964,
			"keywords": "Collaboration, Meeting Management, Teleconferencing",
			"level": 1,
			"matchDegree": 80,
			"matchReason": "Effective communication between individuals or groups is a key aspect of using Skype for Business.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		}
	]
},
{
	"id": 414,
	"name": "Strategic Planning",
	"firstLevelSkillName": "Soft Skill",
	"secondLevelSkillName": "Leadership & Management",
	"content": [
		{
			"id": 17464,
			"contentTitle": "Strategic Planning",
			"bizType": 10,
			"recommendId": 5647,
			"keywords": "Strategic Planning, Data Analysis, Leadership, Big Data Strategies, Big Data Management, Big Data Concepts, Big Data, Big Data Development",
			"level": 1,
			"matchDegree": 100,
			"matchReason": "The learning content is directly about Strategic Planning, which is the core concept of this topic.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17464,
			"contentTitle": "Strategic Planning",
			"bizType": 10,
			"recommendId": 5647,
			"keywords": "Strategic Planning, Data Analysis, Leadership, Big Data Strategies, Big Data Management, Big Data Concepts, Big Data, Big Data Development",
			"level": 1,
			"matchDegree": 100,
			"matchReason": "The learning content is directly about Strategic Planning, which is the core concept of this topic.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		}
	]
},
{
	"id": 430,
	"name": "Strategic Thinking",
	"firstLevelSkillName": "Soft Skill",
	"secondLevelSkillName": "Problem Solving & Critical Thinking",
	"content": [
		{
			"id": 17462,
			"contentTitle": "{ Use Cases, Opportunities, & Challenges}",
			"bizType": 10,
			"recommendId": 5642,
			"keywords": "Data Analysis, Data Science, Big Data, Big Data Strategies, Big Data Concepts, Big Data Technologies, Big Data Development",
			"level": 1,
			"matchDegree": 75,
			"matchReason": "The learning content discusses opportunities and strategies for leveraging big data.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17462,
			"contentTitle": "{ Use Cases, Opportunities, & Challenges}",
			"bizType": 10,
			"recommendId": 5642,
			"keywords": "Data Analysis, Data Science, Big Data, Big Data Strategies, Big Data Concepts, Big Data Technologies, Big Data Development",
			"level": 1,
			"matchDegree": 75,
			"matchReason": "The learning content discusses opportunities and strategies for leveraging big data.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		}
	]
},
{
	"id": 443,
	"name": "Security Awareness Training",
	"firstLevelSkillName": "HSE",
	"secondLevelSkillName": "Health Safety & Security Environment",
	"content": [
		{
			"id": 17298,
			"contentTitle": "AWS Cloud Practitioner 2019: AWS Access Management",
			"bizType": 10,
			"recommendId": 3691,
			"keywords": "Access Management, Client Access Management, AWS Platform Management, Development With AWS Services, Application Hosting",
			"level": 1,
			"matchDegree": 85,
			"matchReason": "The content covers security best practices and IAM, which are essential for security awareness training.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17299,
			"contentTitle": "AWS Cloud Practitioner 2022: Cloud & the Value Proposition",
			"bizType": 10,
			"recommendId": 3718,
			"keywords": "Cloud Computing, Development With AWS Services, Cloud Assessment, Azure Cloud Concepts",
			"level": 1,
			"matchDegree": 75,
			"matchReason": "The learning content covers security features of AWS, relevant to this tag.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17307,
			"contentTitle": "AWS Cloud Practitioner 2022: Core AWS Services",
			"bizType": 10,
			"recommendId": 3856,
			"keywords": "AWS Services, Development With AWS Services, Core AWS Services, AWS Core Services, AWS Cloud Services, AWS Cloud",
			"level": 1,
			"matchDegree": 80,
			"matchReason": "The course examines the security of Elastic Block Store (EBS) and Simple Storage Service (S3) buckets, highlighting security awareness.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17342,
			"contentTitle": "Microsoft Azure Fundamentals: VNet Peering & VPNs",
			"bizType": 10,
			"recommendId": 4443,
			"keywords": "Networking, Virtual Private Networks, VPN Implementation, VPN Design, VPN Configuration, Azure Virtual Networking",
			"level": 1,
			"matchDegree": 80,
			"matchReason": "The course covers VPN encryption and security, aligning with security awareness training objectives.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17405,
			"contentTitle": "CompTIA A+ Core 2: Social Engineering Attacks",
			"bizType": 10,
			"recommendId": 5222,
			"keywords": "Security, Security Engineering, Social Engineering Attacks, Cybersecurity Testing, Cybersecurity, Cyber Security",
			"level": 1,
			"matchDegree": 90,
			"matchReason": "The course content focuses on educating individuals about recognizing and preventing social engineering attacks, aligning with the purpose of security awareness training.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17410,
			"contentTitle": "CompTIA IT Fundamentals: Authentication & Disaster Recovery",
			"bizType": 10,
			"recommendId": 5257,
			"keywords": "High Availability, Fault Tolerance, And Disaster Recovery, IT Disaster Recovery, Critical Infrastructure Security, IT Security, Safety Data Sheets",
			"level": 1,
			"matchDegree": 87,
			"matchReason": "The course discusses authentication methods and security awareness, making it relevant for security training.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 1
		},
		{
			"id": 17420,
			"contentTitle": "CompTIA Cybersecurity Analyst+: Analyzing Malicious Activity",
			"bizType": 10,
			"recommendId": 5352,
			"keywords": "Cybersecurity Testing, Security Testing Tools, Security Testing, Security Audit Tools, Cybersecurity Audit Strategies",
			"level": 1,
			"matchDegree": 75,
			"matchReason": "Topics like determining email authenticity and using tools for threat analysis contribute to enhancing security awareness.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17425,
			"contentTitle": "CompTIA Security+: Vulnerability Management",
			"bizType": 10,
			"recommendId": 5423,
			"keywords": "Vulnerability Management, Vulnerability Mitigation, Vulnerability Testing, Vulnerability Analysis, Vulnerability Assessment",
			"level": 1,
			"matchDegree": 75,
			"matchReason": "While not the primary focus, understanding vulnerabilities can enhance security awareness training effectiveness.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17426,
			"contentTitle": "CompTIA Security+: Enterprise Security Capabilities",
			"bizType": 10,
			"recommendId": 5427,
			"keywords": "Security Tasks, Security Capabilities, Security Management, Security And Compliance Management, Critical Infrastructure Security",
			"level": 1,
			"matchDegree": 75,
			"matchReason": "While the course focuses on technical aspects, it indirectly supports the need for user awareness in maintaining security posture.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17431,
			"contentTitle": "CompTIA Security+: Audits, Assessments, & Awareness",
			"bizType": 10,
			"recommendId": 5442,
			"keywords": "Security Assessment And Testing, Security Assessment, Security Auditing, Security Audit Tools, IT Audit",
			"level": 1,
			"matchDegree": 87,
			"matchReason": "The learning content includes user training and phishing campaigns, which are key components of security awareness training.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17468,
			"contentTitle": "Leading Security Teams for GenAI Solutions: Security Implications",
			"bizType": 10,
			"recommendId": 5666,
			"keywords": "Generative AI, AI Ethics, AI Impact, AI/ML Ethics, AI Security",
			"level": 1,
			"matchDegree": 85,
			"matchReason": "The learning content emphasizes the importance of awareness regarding generative AI's security threats and how to navigate them, suitable for security awareness training.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17298,
			"contentTitle": "AWS Cloud Practitioner 2019: AWS Access Management",
			"bizType": 10,
			"recommendId": 3691,
			"keywords": "Access Management, Client Access Management, AWS Platform Management, Development With AWS Services, Application Hosting",
			"level": 1,
			"matchDegree": 85,
			"matchReason": "The content covers security best practices and IAM, which are essential for security awareness training.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17299,
			"contentTitle": "AWS Cloud Practitioner 2022: Cloud & the Value Proposition",
			"bizType": 10,
			"recommendId": 3718,
			"keywords": "Cloud Computing, Development With AWS Services, Cloud Assessment, Azure Cloud Concepts",
			"level": 1,
			"matchDegree": 75,
			"matchReason": "The learning content covers security features of AWS, relevant to this tag.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17405,
			"contentTitle": "CompTIA A+ Core 2: Social Engineering Attacks",
			"bizType": 10,
			"recommendId": 5222,
			"keywords": "Security, Security Engineering, Social Engineering Attacks, Cybersecurity Testing, Cybersecurity, Cyber Security",
			"level": 1,
			"matchDegree": 90,
			"matchReason": "The course content focuses on educating individuals about recognizing and preventing social engineering attacks, aligning with the purpose of security awareness training.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		},
		{
			"id": 17468,
			"contentTitle": "Leading Security Teams for GenAI Solutions: Security Implications",
			"bizType": 10,
			"recommendId": 5666,
			"keywords": "Generative AI, AI Ethics, AI Impact, AI/ML Ethics, AI Security",
			"level": 1,
			"matchDegree": 85,
			"matchReason": "The learning content emphasizes the importance of awareness regarding generative AI's security threats and how to navigate them, suitable for security awareness training.",
			"isRequired": null,
			"status": 1,
			"isDeleted": 0
		}
	]
},

如上是一页表格,如何虚拟加载并且动态合并。

element 组件中好像是只能支持固定的行数合并(每两行合并)

要原生支持的组件,应该是要视图变化时能够自动优雅的计算当前页面中的合并情况吧

解决方案

实战经验

经验总结

信息参考

创建于 2025/1/1 更新于 2026/5/27