微信小程序 表格制作

微信小程序中可以使用 wx:table 标签来创建一个表格。下面是一个简单的示例代码：

<view class="container">
  <view class="table-container">
    <wx:table wx:id="table" style="width: 100%; height: 300px;">
      <wx:table-column title="姓名" data-field="name"></wx:table-column>
      <wx:table-column title="年龄" data-field="age"></wx:table-column>
      <wx:table-column title="城市" data-field="city"></wx:table-column>
    </wx:table>
  </view>
</view>

在上面的代码中，我们使用了 wx:table 标签来创建一个表格，并设置了它的宽度和高度。然后，我们使用 wx:table-column 标签来定义表格的列，包括列标题和数据字段。

在实际使用中，我们需要从服务器获取数据并绑定到表格中。可以使用 wx.request 方法来发起网络请求，并使用 data 属性将返回的数据绑定到表格中。例如：

Page({
  data: {
    tableData: []
  },
  onLoad: function() {
    var that = this;
    wx.request({
      url: 'https://example.com/data',
      success: function(res) {
        that.setData({
          tableData: res.data
        });
      }
    });
  }
});

在上面的代码中，我们在页面加载时发起了一个网络请求，将从服务器获取的数据存储在 tableData 变量中，并将它绑定到表格中使用。