Table 表格
Naive UI 表格组件展示（Vue 3 TypeScript）
Vue 3 组件基础表格
| 姓名 | 年龄 | 地址 |
|---|---|---|
| 张三 | 28 | 北京 |
| 李四 | 32 | 上海 |
Vue 3 代码示例
<template>
<n-data-table :columns="columns" :data="data" />
</template>
<script setup lang="ts">
const columns = [
{ title: '姓名', key: 'name' },
{ title: '年龄', key: 'age' },
{ title: '地址', key: 'address' }
]
const data = [
{ name: '张三', age: 28, address: '北京' }
]
</script>