大家都知道微信小程序自身没有提供表格这个组件，但是今天的项目需求又出现了，所以只能模仿一个了。

效果图：

代码挺简单方便的：

wxml:

view class=' history-table-wrap ' view class=' table ' view class=' tr ' view class=' th TH1 '日期/view view class='th th2 '时间/view view class='th th3 '伤害/view/view view class=' tr ' wx : for=' { { 15 } } ' view class=' TD td1 ' 2018/02/12/view view class=' TD td2 ' 11:30/view class=' TD td3 '本次对海煞造成了100000点伤害/view/view/view/view wxss 3360。历史-表格-包装{位置：绝对值；宽度： 668 rpx高度： 578rpx左侧： 50%;左边距：-334 rpx；top: 70rpx溢出-y:滚动；溢出-x:隐藏；}/* 表格代码*/.表格{ border:1px固体# dadada右边框：0;边框-底部： 0;宽度： 98%;左边距： 1%;}.tr {宽度：100%；display : flex justice-content :空格；}.呃TD { padd : 10pxborder-bottom : 1px实心# dadab order-right : 1px实心#达达达文本对齐：中心；宽度： 100%;}.th1、th2、td1、td2 {宽度： 40%；}.th { font-weight : 800；背景-颜色： # b 66242font-size : 28 rpxcolor: # 330e0e}。TD { font-size : 20 rpxcolor: # ec9480}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。