naive ui 的数据表格插槽如何使用

Naive UI 的数据表格插槽可以用来自定义表格中的内容，常用的插槽有 `header`、`body` 和 `footer`。

其中，`header` 插槽可以用来自定义表格的表头，例如添加自定义的操作按钮等；`body` 插槽可以用来自定义表格中的每一行数据，例如添加复选框、操作按钮等；`footer` 插槽可以用来自定义表格的底部，例如添加自定义的分页组件等。

使用方法如下：

<n-table :data="tableData">
  <template #header>
    <n-table-column label="操作">
      <template #default="{row}">
        <n-button size="small" @click="handleEdit(row)">编辑</n-button>
        <n-button size="small" @click="handleDelete(row)">删除</n-button>
      </template>
    </n-table-column>
  </template>
  <template #body="{row}">
    <n-table-column prop="name" label="姓名" />
    <n-table-column prop="age" label="年龄" />
    <n-table-column prop="gender" label="性别" />
  </template>
  <template #footer>
    <n-pagination :page-count="pageCount" :current-page.sync="currentPage" />
  </template>
</n-table>

在这个例子中，我们使用了 `header` 插槽自定义了一个包含“编辑”和“删除”按钮的操作列，使用了 `body` 插槽自定义了表格中的每一行数据，使用了 `footer` 插槽自定义了一个分页组件作为表格的底部。