41 lines
1.0 KiB
Vue
41 lines
1.0 KiB
Vue
|
<template>
|
||
|
|
<div class="p-4">
|
||
|
|
<BasicTable @register="registerTable">
|
||
|
|
<template #customTitle>
|
||
|
|
<span>
|
||
|
|
姓名
|
||
|
|
<BaseHelp class="ml-2" text="姓名" />
|
||
|
|
</span>
|
||
|
|
</template>
|
||
|
|
<template #customAddress>
|
||
|
|
地址
|
||
|
|
<FormOutlined class="ml-2" />
|
||
|
|
</template>
|
||
|
|
</BasicTable>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script lang="ts">
|
||
|
|
import { defineComponent } from 'vue';
|
||
|
|
import { BasicTable, useTable } from '/@/components/Table';
|
||
|
|
import { getCustomHeaderColumns } from './tableData';
|
||
|
|
import { FormOutlined } from '@ant-design/icons-vue';
|
||
|
|
import { demoListApi } from '/@/api/demo/table';
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
components: { BasicTable, FormOutlined },
|
||
|
|
setup() {
|
||
|
|
const [registerTable] = useTable({
|
||
|
|
title: '定高/头部自定义',
|
||
|
|
api: demoListApi,
|
||
|
|
columns: getCustomHeaderColumns(),
|
||
|
|
canResize: false,
|
||
|
|
scroll: { y: 100 },
|
||
|
|
});
|
||
|
|
|
||
|
|
return {
|
||
|
|
registerTable,
|
||
|
|
};
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|