首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

通过jQuery合并相同table单元格

在不不改动后台数据结构的情况下,改下一下前端代码把table 中的重复项合并单元格。...下面请看代码: //函数说明:合并指定表格(表格id为_w_table_id)指定列(列数为_w_table_colnum)的相同文本的相邻单元格 //参数说明:_w_table_id 为需要进行合并单元格的表格的...:_w_table_id 为需要进行合并单元格的表格id。...//参数说明:_w_table_maxcolnum 为指定行中单元格对应的最大列数,列数大于这个数值的单元格将不进行比较合并。 // 此参数可以为空,为空则指定行的所有单元格要进行比较合并。...= $(this); _w_table_SpanNum = 1; } } }); }); } 将上述代码封装成js文件,在下次进行使用的时候只需要进行调用方法就可以了

2.1K40

table合并单元格colspan和rowspan

但是在画table的过程中遇到一个问题,有些单元格是合并的,那么怎么来合并单元格呢?...colspan属性用在td标签中,用来指定单元格横向跨越的列数: 在浏览器中将显示如下: ? 该例通过把colspan设为“2”, 令所在单元格横跨了二列。...如果我们将colspan设为“3”,则该单元格将跨越三列。 rowspan rowspan的作用是指定单元格纵向跨越的行数。 浏览器中将显示如下: ?...上例中的单元格1,其rowspan被设为“3”,这表示该单元格必须跨越三行(本身一行,加上另外两行)。因此,单元格1和单元格2在同一行,而单元格3和单元格4形成独立的两行。 综合实例 ?...> <table class="table table-bordered" style="height:143px;border:2px solid black

3.1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到
    领券