SOURCE

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:"很长很长很长很长很长很长很长很长很长很长很长很长很长很长"
          },
          {
            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"
          minHeight="50px"
          :autoResize="true"
          :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");