forked from opentiny/tiny-vue
35 lines
1.3 KiB
Vue
35 lines
1.3 KiB
Vue
<template>
|
||
<div>
|
||
<tiny-grid :data="tableData" height="300">
|
||
<tiny-grid-column type="index" width="5%"></tiny-grid-column>
|
||
<tiny-grid-column field="name" title="名称"></tiny-grid-column>
|
||
<tiny-grid-column field="area" title="区域"></tiny-grid-column>
|
||
<tiny-grid-column field="address" title="地址"></tiny-grid-column>
|
||
<tiny-grid-column field="introduction" title="公司简介" show-overflow></tiny-grid-column>
|
||
<template #empty>
|
||
<span style="color: red">没有更多数据了！</span>
|
||
</template>
|
||
</tiny-grid>
|
||
<br />
|
||
<br />
|
||
<tiny-grid :render-empty="renderEmpty" :data="tableData" height="300">
|
||
<tiny-grid-column type="index" width="5%"></tiny-grid-column>
|
||
<tiny-grid-column field="name" title="名称"></tiny-grid-column>
|
||
<tiny-grid-column field="area" title="区域"></tiny-grid-column>
|
||
<tiny-grid-column field="address" title="地址"></tiny-grid-column>
|
||
<tiny-grid-column field="introduction" title="公司简介" show-overflow></tiny-grid-column>
|
||
</tiny-grid>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="jsx">
|
||
import { ref } from 'vue'
|
||
import { Grid as TinyGrid, GridColumn as TinyGridColumn } from '@opentiny/vue'
|
||
|
||
const tableData = ref([])
|
||
|
||
function renderEmpty() {
|
||
return '没有更多数据了'
|
||
}
|
||
</script>
|