ag-grid-vue的配置

ag-grid-vue 是一个基于 Vue.js 的表格组件库，提供了丰富的 API 和配置项，可以实现各种复杂的表格需求。下面是一个简单的配置示例：

1. 首先需要安装 ag-grid 和 ag-grid-vue：

npm install --save ag-grid ag-grid-vue

2. 在 Vue 组件中引入 ag-grid-vue：

import { AgGridVue } from 'ag-grid-vue';

export default {
  components: {
    AgGridVue,
  },
  // ...
}

3. 在模板中使用 AgGridVue 组件，配置表格的列和数据：

<ag-grid-vue
  :columnDefs="columnDefs"
  :rowData="rowData"
></ag-grid-vue>

4. 在 Vue 组件中定义表格的列和数据：

export default {
  data() {
    return {
      columnDefs: [
        { headerName: 'ID', field: 'id' },
        { headerName: 'Name', field: 'name' },
        { headerName: 'Age', field: 'age' },
      ],
      rowData: [
        { id: 1, name: 'John', age: 30 },
        { id: 2, name: 'Mary', age: 25 },
        { id: 3, name: 'Tom', age: 40 },
      ],
    };
  },
  // ...
}

以上是一个最简单的 ag-grid-vue 配置示例，更多高级用法可以参考官方文档：https://www.ag-grid.com/vuejs-grid/