table下的td标签的rowspan属性API显示支持,但实际不支持?
发布于 5 年前 作者 li93 15193 次浏览 来自 问答
 <tr>
  <td rowspan="3">肾功能</td>
  <td>尿素氮(BUN)</td>
  <td rowspan="2">用于高血压、高血糖等的并发症判断;并可用于肾脏功能状态观察,是常用泌尿系统疾病的辅助检查</td>
 </tr>
 <tr>
   <td>肌酐(CR)</td>
 </tr>
 <tr>
   <td>尿酸(UA)</td>
   <td>可用于观察肾脏功能状态,对于痛风的诊断具有重要的意义</td>
 </tr>

实现类似以下效果:

发现rowspan实际不支持,用其他什么办法可行?

6 回复

因为这个组件主要是用于展示从服务器传来的html字符串的,所以对于你这种静态字符串的情况可能不是特别易用。

@乔帮主  怎么样?您现在实现这个效果了吗?我也是想要实现类似的一个跨行、跨列的复杂表格,看了rich-text 部分的文档还是不太清楚自己该怎么做。还请乔帮主指点一下。

我看了文档了,那本质上rich-text就比较鸡肋了,标签在js里定义一两个还行,很多的话就没办法维护了

rich-text 不接受子节点的写法,请参考 rich-text 的文档:

https://mp.weixin.qq.com/debug/wxadoc/dev/component/rich-text.html

你好,我试了下这段代码,是有效的。麻烦你再检查一下?

能说以下你是怎么写的吗?我是这样写的

<rich-text>
   <table class="pkg-detail radius">
        <tr>
            <td rowspan="3">肾功能</td>
            <td>血尿素氮(BUN)</td>
            <td rowspan="2">用于高血压、高血糖等病人的并发症判断;并可用于肾脏功能状态观察,是常用泌尿系统疾病的辅助检查</td>
        </tr>
        <tr>
            <td>血清肌酐(CR)</td>
        </tr>
        <tr>
            <td>血清尿酸(UA)</td>
            <td>可用于观察肾脏功能状态,对于痛风的诊断具有重要的意义</td>
        </tr>    
   </table>
</rich-text>

rowspan起不了作用的。

回到顶部