表格行列转置数据太多使用el-table太慢有效解决

表格行列转置数据太多使用el-table太慢有效解决

描述

表格做行列转置，数据能达到几万有时候，使用el-table特别慢。这里使用vxe-table这个组件库效果会特别好。不到2s就会渲染几万条数据。

vxe-table

vxe-table使用

npm install xe-utils@3 vxe-table@3

main.js

import 'xe-utils'
import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'

Vue.use(VXETable)

用法和el-table差不多

<vxe-table
        border
        :data="tableData"
        show-overflow
        highlight-hover-row
        ref="xTable1"
        height="auto"
        :sort-config="{ trigger: 'cell' }"
        :column-config="{resizable: true}"
      >
        <vxe-column type="seq" title="序号" width="100" sortable></vxe-column>
        <vxe-column
          v-for="(item, inx) in tableTh"
          :key="inx"
          :field="item.prop"
          :title="item.label"
          show-overflow
          min-width="120"
        ></vxe-column>
      </vxe-table>