uniapp绘制表格

要在uniapp中绘制表格，可以使用uni-ui组件库中的grid组件。Grid组件可以将数据按照指定列数、行数进行布局，并且支持自定义每个格子的内容。

以下是一个简单的示例代码，展示如何使用grid组件绘制一个3x3的表格：

<template>
  <view class="grid">
    <grid :column-num="3">
      <grid-item v-for="(item, index) in dataList" :key="index">
        <view class="cell">{{ item }}</view>
      </grid-item>
    </grid>
  </view>
</template>

<script>
export default {
  data() {
    return {
      dataList: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I']
    }
  }
}
</script>

<style>
.grid {
  display: flex;
  justify-content: center;
}

.cell {
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  border: 1px solid #ccc;
}
</style>

在上述示例代码中，我们通过grid组件设置了列数为3，然后使用grid-item组件循环渲染数据列表中的每个元素，将每个元素渲染为一个格子。我们还为每个格子设置了一个边框，使得整个表格更加美观。

你可以根据自己的需要对格子的样式、内容进行自定义，以实现更加复杂的表格布局。