Table 表格
基本使用
| date | name | address |
|---|
| 2016-05-03 | Tom | No. 189, Grove St, Los Angeles |
| 2016-05-02 | Tom | No. 189, Grove St, Los Angeles |
| 2016-05-04 | Tom | No. 189, Grove St, Los Angeles |
| 2016-05-01 | Tom | No. 189, Grove St, Los Angeles |
基本使用
<template>
<h-table :data="tableData"></h-table>
</template>
<script lang="ts" setup>
const tableData = [
{
date: '2016-05-03',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
},
{
date: '2016-05-02',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
},
{
date: '2016-05-04',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
},
{
date: '2016-05-01',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles',
}
]
</script>
组件 API
Attributes 属性
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| data | 显示的数据 | array | — | — |
hare-ui