uni-app 之 表格设置

image.png

    <view style="padding: 3%; border: #1296db;">

      <table style="width: 100%; border-collapse: collapse; ">
        <tr style="height: 50px;border: 2px solid;border-color: #F7F7F7;">
          <td style="padding: 12px; ">内阻评分</td>
          <td style="padding: 12px; text-align: right; ">4.6</td>
        </tr>
        <tr style="height: 50px;border: 2px solid;border-color: #F7F7F7;background: #F7F7F7; ">
          <td style="padding: 12px;">233</td>
          <td style="padding: 12px;text-align: right;">321</td>
        </tr>
      </table>

    </view>

table 表格设置
style="
border-collapse: collapse; 合并单元格中间的缝隙
border: 1px solid; 设置边框
border-top:1px solid red; 只设定上边框，其余同理
"
边框宽度、边框样式、边框颜色
border-width || border-style || border-color