解决uniapp写微信小程序不支持table的问题

<view class="table">
                    <view class="tr ">
                        <text class="th ft16">股金</text>
                        <text class="th ft16">份额</text>
                        <text class="th ft16">分成</text>
                        <text class="th ft16">收益</text>
                    </view>

                    <view class="tr bottom_dashed" v-for="(it,index) in 1" :key="index" style='border-bottom: none'>
                        <view class="td ft14">￥5000</view>
                        <view class="td ft14">500份</view>
                        <view class="td ft14">50%</view>
                        <view class="td ft14 cl-red">￥50000</view>
                    </view>
                </view>

.table {
            width: 100%;
            border-radius: 8rpx;
            display: table;
            border-collapse: collapse;

            .th {
                text-align: center;
                padding: 20rpx 0;
                display: table-cell;
            }

            .td {
                text-align: center;
                background: #FFFFFF;
                padding: 20rpx 0;
                display: table-cell;
            }

            .tr {
                display: table-row;
            }
        }