console
var Main = {
data () {
return {
tableData: []
}
},
created(){
setTimeout(()=> {
this.tableData=[
{
name1:"我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长",
name2:"我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常",
name3: "xxxxxxxxxxxxxxxxxxx",
name4:'2024-12-06 10:10:10',
name5:"我页很长我页很长我页很长我页很长我页很长我页很长我页很长我页很长我页很长我页很长我页很长我页很长",
sex:"管理员",
age:"很长很长很长很长很长很长很长很长很长很长很长很长很长很长"
},
{
name1:"我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长我更长",
name2:"我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常长我非常",
name3: "xxxxxxxxxxxxxxxxxxx",
name4:'2024-12-06 10:10:10',
name5:"我页很长我页很长我页很长我页很长我页很长我页很长我页很长我页很长我页很长我页很长我页很长我页很长",
sex:"管理员",
age:"很长很长很长很长很长很长很长很长很长很长很长很长很长很长"
}
]
},600)
}
};
var app = new Vue(Main).$mount('#app')
<script src="https://unpkg.com/vue@2.6.14"></script>
<script src="https://unpkg.com/xe-utils"></script>
<script src="https://unpkg.com/vxe-pc-ui@3.3.20"></script>
<script src="https://unpkg.com/vxe-table@3.11.22"></script>
<div id="app">
<template>
<div>
<p>Table 演示</p>
<vxe-table
border
show-overflow
ref="tableRef"
:column-config="{minWidth:'auto',resizable:true}"
:data="tableData">
<vxe-column type="seq" width="70"></vxe-column>
<vxe-column field="name1" title="Name1"></vxe-column>
<vxe-column field="name2" title="Name2"></vxe-column>
<vxe-column field="name3" title="Name3"></vxe-column>
<vxe-column field="name4" title="Name4"></vxe-column>
<vxe-column field="name5" title="Name5"></vxe-column>
<vxe-column field="sex" title="Sex" ></vxe-column>
<vxe-column field="age" title="Age"></vxe-column>
</vxe-table>
</div>
</template>
</div>
@import url("https://unpkg.com/vxe-pc-ui@3.3.20/lib/style.css");
@import url("https://unpkg.com/vxe-table@3.11.19/lib/style.css");