conponents/MyTable/index.vuetemplate:{{button.label}}script:import{AgGridVue}from'ag-grid-vue3';//引入ag-grid-vue

列定义下面的例子展示了一个定义了3列的简单网格:import{AgGridVue}from"ag-grid-vue";exportdefault{name:"AgTable",components:{AgGridVue

ag-grid是一款功能和性能强大外观漂亮的表格插件，ag-grid几乎能满足你对数据表格所有需求。固定列、拖动列大小和位置、多表头、自定义排序等等各种常用又必不可少功能。关于收费的问题，绝大部分应用用免费的社区版就够了，ag-grid-community社区版一样功能强大，本教程所有功能都是基于ag-grid-community社区版本实现。在本文中，我们将引导您完成将AGGrid(包括Comm

列定义一节解释了如何配置列。可以在初始设置列之后更改列的配置。本节介绍如何更新列定义。添加和删除列可以通过更新提供给网格的列定义列表来添加和删除列。当设置新列时，网格将与当前列进行比较，并计算出哪些列是旧的(要删除)、哪些列是新的(创建的新列)或保留的。下面的示例演示从网格中添加和删除列。注意事项如下:选择按钮以在包括或排除奖章列之间切换示例onBtExcludeMedalColumnsonBtI

原理调用ag的合并方法时，会先找到第一个需要合并的单元格，然后设置z-index：1继续往下找，如果第二行该列仍然需要合并，则第一行刚才找到的单元格的高度会乘以2以此类推，如果连续找到第9个依然需要合并则第一个找到的单元的高度*10最后依靠设置一个单元格设置背景色比如#fff就能覆盖其他列单元格内容，达到单元格合并的效果。开启单元格合并:suppressRowTransform="true"为了允

publicgetgridOptions():GridOptions{constthat=this;return{headerHeight:30,//表头高度rowHeight:30,//行高columnDefs:[//列定义{headerName:'规则唯一号',field:'RuleCode',width:90,},{headerName:'医疗单元号',field:'UnitId',widt