H5和微信小程序table表格不兼容解决办法 小程序自定义table

H5和微信小程序table表格不兼容解决办法 小程序自定义table

微信不支持H5组件的table标签，就要自定义table。我用简单的 实现了一个表格样式，里面的内容可以根据自己的需求修改。

效果图

下面是一段漂亮的代码片

<template>

<view>
				<!--最近三年及最近一期收入结构  -->
				<view class="table">
					<u-divider text="最近三年收入结构"></u-divider>
					<view class="tr">
						<view class="th_1">日期(年)</view>
						<view class="th_2">收入情况(万)</view>
						<view class="th_3">占比(%)</view>
					</view>
					<view class="tr">
						<view class="td_1">{
   {
   year1}}</view>
						<input class="td_2" v-model="year1Income" placeholder="数字格(0)或(0.0)"></input>
						<input class="td_3" v-model="year1Proportion" placeholder="数格式(0)或(0.0)"></input>
					</view>
					<view class="tr">