Vue实现数据表格合并列rowspan效果-创新互联
背景
现实中会遇到很多需求,合并列,例如要显示一个名学生的各门课程成绩。
html实现
使用html实现是比较简单的,利用table标签的rowspan属性即可,代码如下:
姓名 | 课程数 | 课程名称 | 成绩 |
---|---|---|---|
张三 | 3 | 语文 | 100 |
数学 | 90 | ||
英语 | 80 |
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
名称栏目:Vue实现数据表格合并列rowspan效果-创新互联
网站地址:http://myzitong.com/article/deggjh.html