基于微信开发者工具制作一个包含昵称、id和操作三个表格头的表格其中操作下仅包含编辑、删除两个按钮

以下是一个示例代码，实现了一个包含昵称、id和操作三个表格头的表格，其中操作下仅包含编辑、删除两个按钮：

<view class="table">
  <view class="table-header">
    <view class="table-cell">昵称</view>
    <view class="table-cell">ID</view>
    <view class="table-cell">操作</view>
  </view>
  <view class="table-body">
    <view class="table-row">
      <view class="table-cell">小明</view>
      <view class="table-cell">001</view>
      <view class="table-cell operation">
        <button class="edit">编辑</button>
        <button class="delete">删除</button>
      </view>
    </view>
    <view class="table-row">
      <view class="table-cell">小红</view>
      <view class="table-cell">002</view>
      <view class="table-cell operation">
        <button class="edit">编辑</button>
        <button class="delete">删除</button>
      </view>
    </view>
    <!-- 此处省略多行 -->
  </view>
</view>

CSS样式：

.table {
  width: 100%;
  border-collapse: collapse;
}
.table-header {
  background-color: #f5f5f5;
  display: flex;
}
.table-cell {
  flex: 1;
  padding: 8px;
  border: 1px solid #ccc;
  text-align: center;
}
.operation {
  display: flex;
  justify-content: center;
  align-items: center;
}
.edit, .delete {
  margin-right: 8px;
  background-color: #4caf50;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
}
.edit:hover, .delete:hover {
  background-color: #388e3c;
}

以上代码中，我们使用了Flex布局来实现表格头和表格体的对齐。表格头和表格体分别使用`table-header`和`table-body`类来标识。表格头中使用`table-cell`类来标识单元格，使用Flex布局来使表格头中的单元格等宽，并设置背景色为灰色。表格体中使用`table-row`类来标识行，使用`table-cell`类来标识单元格，`operation`类来标识操作单元格，使用Flex布局来使操作按钮居中对齐，并设置按钮的样式。

这样，我们就可以实现一个包含昵称、id和操作三个表格头的表格，其中操作下仅包含编辑、删除两个按钮了。