最近开始接触uniapp写微信小程序,发现uniapp不兼容table标签,所以自己写了一个表格样式。由于有border的存在,使用的时候需要自行计算好每个格子和整体表格的大小。
结构 (四行五列):
<div class="table">
<div class="first-line">
<p class="firstColumn right grey">Thead</p>
<p class="right grey">Thead1</p>
<p class="right grey">Thead2</p>
<p class="right grey">Thead3</p>
<p class="grey">Thead4</p>
</div>
<div class="second-line">
<p class="firstColumn topAndRight grey">Name</p>
<p class="topAndRight">1</p>
<p class="topAndRight">2</p>
<p class="topAndRight">3</p>
<p class="top">4</p>
</div>