You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.4 KiB
47 lines
1.4 KiB
<template> |
|
<div class="p-4"> |
|
<BasicTable @register="registerTable"> |
|
<template #headerCell="{ column }"> |
|
<template v-if="column.key === 'name'"> |
|
<span> |
|
姓名 |
|
<BasicHelp class="ml-2" text="headerHelpMessage方式2"/> |
|
</span> |
|
</template> |
|
<template v-else-if="column.key === 'address'"> |
|
地址 |
|
<FormOutlined class="ml-2"/> |
|
</template> |
|
<template v-else> |
|
<HeaderCell :column="column"/> |
|
</template> |
|
</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'; |
|
import { BasicHelp } from '/@/components/Basic'; |
|
import HeaderCell from '/@/components/Table/src/components/HeaderCell.vue'; |
|
|
|
export default defineComponent({ |
|
components: { BasicTable, FormOutlined, BasicHelp, HeaderCell }, |
|
setup() { |
|
const [registerTable] = useTable({ |
|
title: '定高/头部自定义', |
|
//api: demoListApi, |
|
columns: getCustomHeaderColumns(), |
|
canResize: false, |
|
scroll: { y: 100 }, |
|
}); |
|
|
|
return { |
|
registerTable, |
|
}; |
|
}, |
|
}); |
|
</script>
|
|
|