html表格相同合并单元格,根据id相同，table表格动态合并

这个问题，使用模板语言会比较好做些，我这里用的是Juicer 模板引擎，例子如下：

Document

选项id性别年龄

function table_html(data) {

var tpl = [

'{@each content as it, k}',

'{@if it.age.length==0}',

${it.id}',

${it.sex}',

'{@else}',

${it.id}',

${it.sex}',

'{@/if}',

${it.age[0]}',

'{@if it.age.length>=2}',

' {@each it.age as it2, j}',

'{@if j!=0}',

${it2}',

'{@/if}',

' {@/each}',

'{@/if}',

'{@/each}',

].join("\n");

return juicer(tpl, data);

}

//假如后端获取到的数据是下面这样的格式：(如果不是，你可以自己写个循环拼成这样，或者让后端改一下返回的数据格式)

var data = {

content: [

{ id: 1, sex: '男', age: [18, 28] },

{ id: 2, sex: '男', age: [20] },

{ id: 3, sex: '女', age: [25] },

]

};

var htl = table_html(data);

$('#tbody').html(htl);

效果如图：

html表格相同合并单元格,根据id相同，table表格动态合并相关推荐

html怎么把excel表格合并单元格,巧用格式刷实现Excel合并后保留原单元格数据
合并单元格是用户在制作表格时常用的命令,它可以把多个单元格显示成一个单元格,起到美化的作用. 通常情况下,如果把几个含有数据的单元格进行合并,Excel会提示"在合并单元格时,如果选择的单元 ...
asp.net mvc excel合并单元格_excel统计求和：如何在合并后的单元格中复制求和公式...
编按:哈喽,大家好!又到了一年一度的双十一购物狂欢节,小伙伴们有没有蠢蠢欲动呢?钱包都准备好了吗!这个双十一,大家都盯上了哪些好物呢?哪类产品的开销又会成为你贡献双十一销售额的主力军呢?赶紧在exce ...
EasyExcel合并单元格，通过注解方式实现自定义合并策略
EasyExcel合并单元格,通过注解方式实现自定义合并策略简介今天博主探讨如何实现EasyExcel自定义实现单元格合并策略,考虑需要抽象代码.适用于更多的业务场景,提供了两个工具类,参考过很多 ...
python xlsxwriter合并单元格_Python使用xlsxwriter导出表格并合并单元格
之前使用csv导出表格,但是好像不支持合并单元格.后来发现了这个,试了一下. import xlsxwriter f = xlsxwriter.Workbook('9.xlsx') # 创建excel ...
python csv合并单元格_Python使用xlsxwriter导出表格并合并单元格
之前使用csv导出表格,但是好像不支持合并单元格.后来发现了这个,试了一下. import xlsxwriter f = xlsxwriter.Workbook('9.xlsx') # 创建excel ...
在合并单元格中数组公式无效_Excel中合并单元格困扰多年的难题，终于被我搞定了...
Excel表格中如果存在合并单元格,经常会遇到一些问题,比如序号填充.数据统计或筛选等,如下图所示,需要根据指定人员姓名查找引用对应的销售部门和销售金额. 这个问题关键在于销售部门列存在合并单元格,如 ...
html合并单元格和其中的数据,巧妙提取合并单元格及对应单元格数据
在WPS表格中,我们经常会用到合并单元格.在很多情况下,使用合并单元格会使表格更加醒目.条理.但你遇到过提取合并单元格的数据的问题吗?如图1所示,左侧为某位老师辛辛苦苦建立的学生成绩汇总表,郁闷的是现 ...
python批量合并单元格的快捷键_关于Python批量合并有合并单元格的Excel文件详解...
经常使用Excel的用户都知道,合并单元格的存在,这篇文章主要给大家介绍了关于利用Python如何批量合并有合并单元格的Excel文件的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具 ...
html打印合并单元格边框不显示不出来,word合并单元格后打印没有边框
在excel中,合并.拆分单元格是经常会用到的.而在word文档中,偶尔我们也需要插入表格,然后编辑表格,那么如何对word中的表格单元格进行合并.拆分呢? 一.如何在word中创建表格 1.选择&q ...
python的openpyxl模块合并单元格,浅谈openpyxl库,遇到批量合并单元格的问题
我就废话不多说了,大家还是直接看代码吧~ from openpyxl import Workbook from openpyxl import load_workbook from openpyxl. ...

html表格相同合并单元格,根据id相同，table表格动态合并

html表格相同合并单元格,根据id相同，table表格动态合并相关推荐

最新文章

热门文章