最近因為項目需求防嗡，element的表格組件已經(jīng)滿足不了項目了变汪，于是，新項目里開始全面使用ag-Grid蚁趁，一個號稱JS里最好的表格插件裙盾。
嘛，第一次用，一頭霧水番官，仿佛回到了學(xué)echarts的時候
反正先安裝庐完，對了，官網(wǎng)上會告訴你徘熔，有免費版和收費版门躯，先無腦上免費版（對了，我是vue項目酷师，所以安裝的是vue版）
npm install --save ag-grid
而在組件中使用也很簡單（當然是說的最簡單的那種表格）
<template>
<div>
<ag-grid-vue
:column-defs="columnDefs"
:row-data="rowData"
/>
</div>
</template>
<script>
import { AgGridVue } from 'ag-grid-vue'
export default {
components: {
AgGridVue
},
data() {
return {
columnDefs: [
{headerName: "Make", field: "make"},
{headerName: "Model", field: "model"},
{headerName: "Price", field: "price"}
];// 這是表頭列表 headerName是用戶看到的表頭讶凉，field是對接rowData的字段
rowData: [
{make: "Toyota", model: "Celica", price: 35000},
{make: "Ford", model: "Mondeo", price: 32000},
{make: "Porsche", model: "Boxter", price: 72000}
];// 這是數(shù)據(jù)列表
}
}
}
</script>
<!--總結(jié)起來就是，導(dǎo)入山孔，注冊組件懂讯，在data里編寫columnDefs和rowData數(shù)據(jù)，然后在template里使用-->
這樣就學(xué)會ag-Grid了台颠。褐望。。蓉媳。吧譬挚？
不，這根本無法滿足實際需求酪呻，甚至還不如element，那么為什么ag-Grid號稱Best JavaScript Grid呢盐须？ 因為他的配置可以無比豐富玩荠。。贼邓。阶冈。（看到文檔我就累了）
