HTML中特定table样式的分析和生成

=Start=

缘由:

在处理一个需求的时候碰到的问题,觉得以后可能会用到这个或者类似的知识点,所以在此记录一下,方便以后参考。

正文:

参考解答:

常规的单行HTML表格生成比较简单,可以参考一下之前记录的文章《如何让邮件中展示的table表格更顺眼?》,大致效果是:

用Python或是其它编程语言的代码实现方式就是——先创建一个list,然后循环组装每一列的内容作为元素append到list里面,然后str.join把list的内容连接起来作为内容即可。

但是,现在有个需求就是部分行相同的内容要合并展示,比如:

这就不太好处理了,但也不是完全处理不了,只不过相对于之前的for循环来说还是要复杂一些,需要:

  1. 先排序,将相同的item分组;
  2. 再根据分组的大小来设置组内第一行的rowspan属性值;
  3. 组内其它行的td个数要酌情减少,否则会出现越界的情况。

下面先放测试过程中产生的各种table样式对比:

再放对应的HTML源文件来分析原因:

最后再放相应的Python代码:

 

参考链接:

=END=

声明: 除非注明,ixyzero.com文章均为原创,转载请以链接形式标明本文地址,谢谢!
https://ixyzero.com/blog/archives/3961.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注