mirror of
https://gitee.com/xuliangzhan_admin/vxe-table.git
synced 2026-01-21 05:27:57 +08:00
216 lines
6.1 KiB
Vue
216 lines
6.1 KiB
Vue
<template>
|
|
<div>
|
|
<h2>{{ $t('app.aside.nav.global') }}</h2>
|
|
<pre>
|
|
<pre-code class="typescript">{{ demoCodes[0] }}</pre-code>
|
|
</pre>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue'
|
|
|
|
export default defineComponent({
|
|
setup () {
|
|
return {
|
|
demoCodes: [
|
|
`
|
|
import VXETable from 'vxe-table'
|
|
|
|
VXETable.setup({
|
|
// size: null, // 全局尺寸
|
|
// zIndex: 999, // 全局 zIndex 起始值，如果项目的的 z-index 样式值过大时就需要跟随设置更大，避免被遮挡
|
|
// version: 0, // 版本号，对于某些带数据缓存的功能有用到，上升版本号可以用于重置数据
|
|
// table: {
|
|
// showHeader: true,
|
|
// keepSource: false,
|
|
// animat: true,
|
|
// delayHover: 250,
|
|
// showOverflow: null,
|
|
// showHeaderOverflow: null,
|
|
// showFooterOverflow: null,
|
|
// size: null,
|
|
// resizable: false,
|
|
// autoResize: false,
|
|
// stripe: false,
|
|
// border: false,
|
|
// round: false,
|
|
// emptyText: '暂无数据',
|
|
// radioConfig: {
|
|
// trigger: 'default'
|
|
// },
|
|
// checkboxConfig: {
|
|
// strict: false,
|
|
// highlight: false,
|
|
// range: false,
|
|
// trigger: 'default'
|
|
// },
|
|
// sortConfig: {
|
|
// remote: false,
|
|
// trigger: 'default',
|
|
// orders: ['asc', 'desc', null],
|
|
// sortMethod: null
|
|
// },
|
|
// filterConfig: {
|
|
// remote: false,
|
|
// filterMethod: null
|
|
// },
|
|
// expandConfig: {
|
|
// trigger: 'default',
|
|
// showIcon: true
|
|
// },
|
|
// treeConfig: {
|
|
// children: 'children',
|
|
// hasChild: 'hasChild',
|
|
// indent: 20,
|
|
// showIcon: true
|
|
// },
|
|
// tooltipConfig: {
|
|
// theme: 'dark',
|
|
// enterable: false
|
|
// },
|
|
// menuConfig: {
|
|
// visibleMethod () {}
|
|
// },
|
|
// rowId: '_XID', // 行数据的唯一主键字段名
|
|
// editConfig: {
|
|
// mode: 'cell',
|
|
// showAsterisk: true
|
|
// },
|
|
// importConfig: {
|
|
// modes: ['insert', 'covering']
|
|
// },
|
|
// exportConfig: {
|
|
// modes: ['current', 'selected']
|
|
// },
|
|
// customConfig: {
|
|
// storage: false
|
|
// },
|
|
// scrollX: {
|
|
// gt: 60
|
|
// },
|
|
// scrollY: {
|
|
// gt: 100
|
|
// }
|
|
// },
|
|
// grid: {
|
|
// size: null,
|
|
// zoomConfig: {
|
|
// escRestore: true
|
|
// },
|
|
// pagerConfig: {
|
|
// perfect: false
|
|
// },
|
|
// toolbarConfig: {
|
|
// perfect: false
|
|
// },
|
|
// proxyConfig: {
|
|
// autoLoad: true,
|
|
// message: true,
|
|
// props: {
|
|
// list: null, // 用于列表，读取响应数据
|
|
// result: 'result', // 用于分页，读取响应数据
|
|
// total: 'page.total' // 用于分页，读取总条数
|
|
// }
|
|
// beforeItem: null,
|
|
// beforeColumn: null,
|
|
// beforeQuery: null,
|
|
// afterQuery: null,
|
|
// beforeDelete: null,
|
|
// afterDelete: null,
|
|
// beforeSave: null,
|
|
// afterSave: null
|
|
// }
|
|
// },
|
|
// pager: {
|
|
// size: null,
|
|
// autoHidden: false,
|
|
// perfect: true,
|
|
// pageSize: 10,
|
|
// pagerCount: 7,
|
|
// pageSizes: [10, 15, 20, 50, 100],
|
|
// layouts: ['PrevJump', 'PrevPage', 'Jump', 'PageCount', 'NextPage', 'NextJump', 'Sizes', 'Total']
|
|
// },
|
|
// form: {
|
|
// preventSubmit: false
|
|
// validConfig: {
|
|
// autoPos: true
|
|
// },
|
|
// size: null,
|
|
// colon: false,
|
|
// titleAsterisk: true
|
|
// },
|
|
// input: {
|
|
// size: null,
|
|
// transfer: false
|
|
// parseFormat: 'yyyy-MM-dd HH:mm:ss.SSS',
|
|
// labelFormat: '',
|
|
// valueFormat: '',
|
|
// startDay: 1,
|
|
// digits: 2,
|
|
// controls: true
|
|
// },
|
|
// textarea: {
|
|
// size: null
|
|
// autosize: {
|
|
// minRows: 1,
|
|
// maxRows: 10
|
|
// }
|
|
// },
|
|
// select: {
|
|
// size: null,
|
|
// transfer: false,
|
|
// multiCharOverflow: 8
|
|
// },
|
|
// toolbar: {
|
|
// size: null,
|
|
// import: {
|
|
// mode: 'covering'
|
|
// },
|
|
// export: {
|
|
// types: ['csv', 'html', 'xml', 'txt']
|
|
// },
|
|
// custom: {
|
|
// isFooter: true
|
|
// },
|
|
// buttons: [],
|
|
// tools: []
|
|
// },
|
|
// button: {
|
|
// size: null,
|
|
// transfer: false
|
|
// },
|
|
// radio: {
|
|
// size: null
|
|
// },
|
|
// checkbox: {
|
|
// size: null
|
|
// },
|
|
// switch: {
|
|
// size: null
|
|
// },
|
|
// modal: {
|
|
// // size: null,
|
|
// minWidth: 340,
|
|
// minHeight: 200,
|
|
// lockView: true,
|
|
// mask: true,
|
|
// duration: 3000,
|
|
// marginSize: 0,
|
|
// dblclickZoom: true,
|
|
// showTitleOverflow: true
|
|
// storage: false
|
|
// },
|
|
// list: {
|
|
// scrollY: {
|
|
// gt: 100
|
|
// }
|
|
// }
|
|
})
|
|
`
|
|
]
|
|
}
|
|
}
|
|
})
|
|
</script>
|