【问题标题】:html table span if the data is same如果数据相同,则为 html 表跨度
【发布时间】:2013-12-04 07:28:14
【问题描述】:

我有一个html表格,列中有重复数据,如下图所示

如果数据与下表相同,我想动态合并html表格行单元格

我可以通过给出要跨越的单元格的值数来做到这一点,但我怎样才能动态地做到这一点

【问题讨论】:

  • 您可以计算相同的兄弟 tr.td 值,并将此值与 rowspan 一起放入第一个 td :) 但是这样,您需要用更少的 td 重新生成整个表。嗯,它看起来并不容易 :D 你可以删除相同的兄弟姐妹,然后完成,不需要重新生成:) 但是......更改 rowspan 设置确实是 javascript 的错误,所以也许你需要重新生成整个表: D
  • 这个很好看,但是在JS中类名是静态的(每一列都需要js代码),我们可以把它变成动态的,可以对表中的所有列起作用跨度>

标签: javascript html css django-templates


【解决方案1】:

哇,感谢有趣的任务。我想出了这个解决方案http://jsfiddle.net/PhWGF/4/。不是最干净的代码,但我会把这部分留给你。

您可以将您的表格视为常规的2d array,因此这一切都归结为经典的嵌套循环。我们为同一列的每一行中的每个单元格搜索重复项,存储第一次和最后一次出现以确定跨度的长度。

注意,删除重复项之前需要设置所有“roswpan”。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-03-02
    • 1970-01-01
    • 2021-04-27
    • 1970-01-01
    • 1970-01-01
    • 2021-02-19
    • 2021-10-10
    • 1970-01-01
    相关资源
    最近更新 更多