记录：基于vue使用ag-grid表格（基本用法）

首先还是安装ag-grid

npm install ag-grid-vue

在main.js引入

Vue.component('ag-grid-vue',AgGridVue)

import 'ag-grid-enterprise/styles/ag-grid.css'

import 'ag-grid-enterprise/styles/ag-theme-alpine.css'

最后使用

      <ag-grid-vue

        style="width: 100%; height: calc(100vh - 212px)"

        class="ag-theme-alpine"

        :columnDefs="columnDefs"

        :rowData="rowData"

        :defaultColDef="defaultColDef"

        :context="context"

        @grid-ready="onGridReady"

        :overlayNoRowsTemplate="overlayNoRowsTemplate"

        rowSelection="multiple"

        rowMultiSelectWithClick="true"

        :suppressContextMenu="suppressContextMenu"

      >

      </ag-grid-vue>