[微信小程序] 怎么实现跨行跨列的复杂表格？

[mumu0934]

如题，在微信小程序中有个单元表格跨行跨列的复杂表格需要展示。

之前在网页上就是直接用 table 标签配合 colspan 和 rowspan 这两个属性就可以了。

但是 WXML 并不支持 HTML 的 table 标签，所以试了下 colspan 和 rowspan 也是无效的。

倒是可以利用 flex 布局来实现表格的效果，但是只能是规规矩矩的简单表格。对于跨行跨列的表格就没办法了。

现在只能把截图放在哪里了。但是加载比较慢，有点影响用户体验。

还是想尽量用 WXML+WXSS 的代码来展现这个复杂的表格。

不知道各位有什么好的建议供我参考下呢？也希望微信小程序团队尽快开发出 table 组件。

[twm]

这样复杂的话，直接通过网页显示吧。

[murmur]

手机上表格体验差点 1b，想上复杂表格还得 excel

[learnshare]

放弃小程序...

[mumu0934]

@twm 我也有过这种想法，但是个人类型的小程序暂不支持使用 web-view 组件打开网页。

[mumu0934]

@murmur 哈哈，比起微信小程序里面下载 excel 文件的话，还是加载图片更好一点。☺

[locktionc]

用 wxcss 来划线，用线强行拼一个表格出来。然后把内容填进去就可以了。

[mumu0934]

@learnshare 嗯，你说的有道理

[shapl]

'flex 布局来实现表格的效果'
配合 class，显示隐藏某些边框，不能达到合并的效果么？
可能你想要的效果更加复杂，供参考。

[mumu0934]

@locktionc 方案是可行的，就是有点烦。。😄我还是多给官方反馈下，看看能不能后面改善下

[mumu0934]

@shapl 嗯，好的。画格子去了😂

[letwewell]

求问最后实现了吗？