小程序中使用表格功能

效果展示：

1、wxml代码

<view >="table">        <view >="tr bg-w">          <view >="th">Name</view>          <view >="th">UT Target</view>          <view >="th ">WTD</view>          <view >="th ">MTD</view>        </view>        <block wx:for="{{listData}}" wx:key="index">          <view >="tr {{index%2 === 0?'':'bg-g'}}">            <view >="td">{{item.code}}</view>            <view >="td">{{item.text}}</view>            <view >="td">{{item.type}}</view>            <view >="td">{{item.text}}</view>                      </view>        </block>      </view>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

2、wxss代码

.table {  margin: 11rpx 14rpx 0 14rpx; } .tr {  display: flex;   data-report-click="{"spm":"1001.2101.3001.4259"}">