<script setup>
import { CommonTable, KsSearch,KsPagin } from '@ksconsole/components'
import { TableColumn, Table, Input } from '@king-design/vue';
import {ref } from 'vue'

const data = ref([
  {name: 'Javey', email: 'jiawei23716@sina.com'},
  {name: 'Jiawei', email: 'zoujiawei@gmail.com'}
])

</script>

<template>
  <CommonTable :data="data"  :rowCheckable="false">
    <template v-slot:expand="[data, index]">
      <div class="expand">Email: {{ data.email }}{{ index }}</div>
    </template>
    <template v-slot:empty>
      <div>空数据</div>
    </template>
    <TableColumn title="点击整行展开内容" key="name" />
  </CommonTable>
  <Table :data="[]" :rowCheckable="false">
    <template v-slot:expand="[data, index]">
      <div class="expand">Email: {{ data.email }}{{ index }}</div>
    </template>
    <template v-slot:empty>
      <div>空数据</div>
    </template>
    <TableColumn title="点击整行展开内容" key="name" />
  </Table>
</template>

<style scoped lang="less">

</style>
