html5 <li>表格纵向合并,vue elementui 表格合并/纵向表头

使用 elementui 做项目的时候大家应该会遇到很多关于表格的需求

下面是总结的两个项目中遇到的问题.

查看文档的话是很简单, 但是很多需求还是需要大家自己去写的.

第一个 --- 表格合并

1. 需求页面如下:

这个需求如果直接用 js 写的话就太简单了.但是使用 vue, 就需要自己修改了. 其实也不是很难,主要还是数据解析

各种合并

2. 数据结构如下:

var list = [

{

"id": "16EE8A54E6917F6479905CDC5B031F22",

"activityPointsDOS": [

{

"id": "16EE8A54E0C17F647404A2DC7783EE88",

"activityPointsDOS": [

{

"id": "1",

"value": "6",

"activityName": "坚定政治立场。",

"message": " (1)牢固树立“四个意识”巴拉巴拉",

"period": "19上半年"

},

{

"id": "2",

"value": "8",

"activityName": "坚定政治立场。",

"message": "(2)严格遵守政治纪律和政治规矩.巴拉啦",

"period": "19上半年"

}

],

"activityName": "1. 坚定政治立场。(10分)"

},

{

"id": "16EE8A54E4817F64779EF35CC6671C10",

"activityPointsDOS": [

{

"id": "3",

"value": "7",

"activityName": "坚持学习提高。",

"message": "(1)及时认真参加支部集体学习....",

"period": "19上半年"

},

{

"id": "4",

"value": "3",

"activityName": "坚持学习提高。",

"message": "(2)每年集中学习培训....",

<