SOURCE

var Main = {
    data() {
        return {
            tableData: []
        }
    },
    created() {
        var list = []
        for (var index = 0; index < 20; index++) {
            list.push({
                name: 'test' + index,
                role: 'developer',
                sex: 'Man',
                date: '2019-05-01',
                time: 1556677810888 + index * 500,
                region: 'ShenZhen',
                address: 'address abc' + index
            })
        }
        this.tableData = list
    }
};
var app = new Vue(Main).$mount('#app')

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/xe-utils"></script>
<script src="https://cdn.jsdelivr.net/npm/vxe-table@2.9.3-beta.2"></script>
<!-- 使用 cdn 引用方式需要注意是否锁定版本，默认指向最新版本 -->

<div id="app">
  <template>
    <div>
         <vxe-table
          border
          height="400"
          :data="tableData">
          <vxe-table-column title="seq">
            <vxe-table-column type="seq" width="seq"></vxe-table-column>
          </vxe-table-column>
           <vxe-table-column title="name">
            <vxe-table-column field="name77" title="name" width="180"></vxe-table-column>
          </vxe-table-column>
            <vxe-table-column title="role">
            <vxe-table-column field="role" title="role" width="180"></vxe-table-column>
          </vxe-table-column>
            <vxe-table-column title="sex">
            <vxe-table-column field="sex" title="sex" width="180"></vxe-table-column>
          </vxe-table-column>
          <vxe-table-column title="region" fixed="left">
            <vxe-table-column field="region" title="region" fixed="left" width="300"></vxe-table-column>
          </vxe-table-column>
           <vxe-table-column title="address" fixed="right">
              <vxe-table-column field="address" title="address" fixed="right" width="200"></vxe-table-column>
            </vxe-table-column>
        </vxe-table>
    </div>
  </template>
</div>

@import url("https://cdn.jsdelivr.net/npm/vxe-table/lib/index.css");