Skip to content
On this page

Table 表格

基本使用

datenameaddress
2016-05-03TomNo. 189, Grove St, Los Angeles
2016-05-02TomNo. 189, Grove St, Los Angeles
2016-05-04TomNo. 189, Grove St, Los Angeles
2016-05-01TomNo. 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