你帮我做一个微信小程序 table表格组件,使用table标签，需要展示全部代码

好的，以下是微信小程序的 table 表格组件代码：

wxml 文件：

<view class="table">
  <view class="table-header">
    <view class="table-cell">表头1</view>
    <view class="table-cell">表头2</view>
    <view class="table-cell">表头3</view>
  </view>
  <view class="table-body">
    <view class="table-row" wx:for="{{list}}" wx:key="{{index}}">
      <view class="table-cell">{{item.cell1}}</view>
      <view class="table-cell">{{item.cell2}}</view>
      <view class="table-cell">{{item.cell3}}</view>
    </view>
  </view>
</view>

wxss 文件：

.table {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 10px;
  width: 100%;
}

.table-header {
  display: flex;
  flex-direction: row;
  background-color: #f2f2f2;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

.table-cell {
  flex: 1;
  padding: 10px;
  text-align: center;
  border-right: 1px solid #ccc;
}

.table-cell:last-child {
  border-right: none;
}

.table-row {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #ccc;
}

.table-row:last-child {
  border-bottom: none;
}

js 文件：

Component({
  properties: {
    list: {
      type: Array,
      value: []
    }
  }
})

使用方法：

<custom-table list="{{tableData}}"></custom-table>

其中 `tableData` 为数据源，需要在 js 文件中定义好传入 wxml 文件中使用。