AGGrid是一个功能齐全且高度可定制的JavaScript数据网格。它提供了出色的性能，没有第三方依赖，并且可以与所有主要的JavaScript框架顺利集成。
以下是网格在启用多个过滤器和分组的情况下的外观：特点：列交互（调整大小、重新排序，以及钉住列）分页排序行选择分组/聚合 自定义过滤原地编辑单元格记录懒散加载 服务器端记录操作 实时流更新分层数据支持和树状视图 可定制的外观可定制的单元格内容状态持久性键盘导航数据导出到CSV数据导出到Excel 行的重新排序复制/粘贴安装依赖$pmistall--saveag-grid-commuity向HTML添加占位符<divid="myGrid"style="height:150px;width:600px"class="ag-theme-alpie"></div>导入网格和样式import{Grid}from'ag-grid-commuity';import'ag-grid-commuity/dist/styles/ag-grid.css';import'ag-grid-commuity/dist/styles/ag-theme-alpie.css';设置配置vargridOptios={columDefs:[{headerName:'Make',field:'make'},{headerName:'Model',field:'model'},{headerName:'Price',field:'price'}],rowData:[{make:'Toyota',model:'Celica',price:35000},{make:'Ford',model:'Modeo',price:32000},{make:'Porsche',model:'Boxter',price:72000}]};初始化网格vareGridDiv=documet.querySelector('#myGrid');ewGrid(eGridDiv,this.gridOptios);v
点击空白处退出提示
评论