vxe-table配置

vxe-table 是一个基于 Vue.js 2.0 的表格解决方案，可以用于快速搭建数据表格。在使用 vxe-table 时，我们需要对其进行一些配置。

首先，在 Vue 组件中引入 vxe-table：

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

Vue.use(VXETable)

然后，在组件中声明表格的数据和列属性：

<template>
  <div>
    <vxe-grid
      :columns="columns"
      :data="data"
    ></vxe-grid>
  </div>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        { field: 'name', title: 'Name' },
        { field: 'age', title: 'Age' },
        { field: 'address', title: 'Address' }
      ],
      data: [
        { name: 'John', age: 18, address: 'No.1 Road' },
        { name: 'Mike', age: 22, address: 'No.2 Road' },
        { name: 'Jane', age: 33, address: 'No.3 Road' }
      ]
    }
  }
}
</script>

同时，我们还可以通过配置一些其他属性来自定义表格的样式和行为：

- :border="true"：设置是否显示单元格边框
- :stripe="true"：设置是否交替显示行背景
- :highlight-current-row="true"：设置是否高亮当前选中行
- :show-header="false"：设置是否隐藏表头
- :height="300"：设置表格高度
- :pagination="true"：设置是否开启分页功能

以上是 vxe-table 的一些基本配置，具体的使用还需根据实际情况进行调整。