微信小程序四个表格代码

以下是微信小程序中展示四个表格的代码示例：

HTML：

<view class="container">
  <view class="title">表格1</view>
  <table>
    <thead>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
        <th>职业</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>张三</td>
        <td>18</td>
        <td>男</td>
        <td>学生</td>
      </tr>
      <tr>
        <td>李四</td>
        <td>25</td>
        <td>女</td>
        <td>教师</td>
      </tr>
    </tbody>
  </table>

  <view class="title">表格2</view>
  <table>
    <thead>
      <tr>
        <th>商品名称</th>
        <th>数量</th>
        <th>单价</th>
        <th>总价</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>苹果</td>
        <td>5</td>
        <td>3.00</td>
        <td>15.00</td>
      </tr>
      <tr>
        <td>香蕉</td>
        <td>3</td>
        <td>2.50</td>
        <td>7.50</td>
      </tr>
      <tr>
        <td>橘子</td>
        <td>2</td>
        <td>4.00</td>
        <td>8.00</td>
      </tr>
    </tbody>
  </table>

  <view class="title">表格3</view>
  <table>
    <thead>
      <tr>
        <th>日期</th>
        <th>早餐</th>
        <th>午餐</th>
        <th>晚餐</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>8月1日</td>
        <td>面包、牛奶</td>
        <td>米饭、鸡肉</td>
        <td>米饭、豆腐</td>
      </tr>
      <tr>
        <td>8月2日</td>
        <td>油条、豆浆</td>
        <td>炸鸡、可乐</td>
        <td>米饭、排骨</td>
      </tr>
    </tbody>
  </table>

  <view class="title">表格4</view>
  <table>
    <thead>
      <tr>
        <th></th>
        <th>小明</th>
        <th>小红</th>
        <th>小刚</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>数学</td>
        <td>90</td>
        <td>80</td>
        <td>85</td>
      </tr>
      <tr>
        <td>语文</td>
        <td>85</td>
        <td>90</td>
        <td>80</td>
      </tr>
      <tr>
        <td>英语</td>
        <td>95</td>
        <td>88</td>
        <td>90</td>
      </tr>
    </tbody>
  </table>
</view>

CSS：

.container {
  padding: 10rpx;
}

.title {
  font-size: 16rpx;
  margin-top: 20rpx;
  margin-bottom: 10rpx;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

th {
  background-color: #f2f2f2;
}

注意：以上代码仅供参考，实际应用中可能需要根据具体需求进行调整。