ScrollCols.vue

<template>
  <div>
    <p>加载 1 万行 1 万列</p>

    <vxe-grid
      border
      resizable
      show-all-overflow
      show-header-all-overflow
      height="600"
      :columns="tableColumn"
      :loading="loading"
      :data.sync="tableData"
      :select-config="{checkProp: 'checked'}"
      :optimized="{scrollX: {gt: 20, oSize: 4, rSize: 8}, scrollY: {gt: 500, oSize: 20, rSize: 60}}">
    </vxe-grid>
  </div>
</template>

<script>
export default {
  data () {
    return {
      loading: false,
      tableColumn: [],
      tableData: []
    }
  },
  created () {
    this.loading = true
    this.tableData = []
    setTimeout(() => {
      this.tableData = window.MOCK_DATA_LIST.slice(0, 10000)
      this.tableColumn = window.MOCK_COLUMN_LIST.slice(0, 10000)
      this.loading = false
    }, 500)
  }
}
</script>