社区版ag-grid使用

安装：

npm install --save ag-grid-community

提供表格盒子

 <divid="myGrid"class="grid-table ag-theme-alpine"style="height: 150px; width: 1648px"/>

引入样式，和初始化表格方法

import "ag-grid-community/dist/styles/ag-grid.css";
import "ag-grid-community/dist/styles/ag-theme-alpine.css";
import { Grid } from "ag-grid-community";

初始化表格

  const myGrid = document.querySelector("#myGrid");new Grid(myGrid, gridViewService.gridOption);

表格配置

    const gridOptions = {columnDefs: [{ headerName: 'Make', field: 'make' },{ headerName: 'Model', field: 'model' },{ headerName: 'Price', field: 'price' }],rowData: [{ make: 'Toyota', model: 'Celica', price: 35000 },{ make: 'Ford', model: 'Mondeo', price: 32000 },{ make: 'Porsche', model: 'Boxter', price: 72000 }]};

列属性：
列分组，用children属性。

 columnDefs: [{headerName: 'Group one',children: [{ headerName: 'Age', field: 'age' },{ headerName: 'Name', field: 'name },{ headerName: 'Sex, field: 'sex' }]}],

社区版ag-grid使用相关推荐

mysql redis 中间件_Docker快速搭建Mysql社区版，Redis，MongoDb、MQ等等中间件。
一:安装docker社区版. Centos系列(最好用7以上的版本,docker需要3.1以上的linux内核版本) sudo yum install docker-ce docker-ce-cli ...
【私有git】使用docker搭建gitlab-ce中文社区版服务器
环境 sudo usermod -aG docker 你的用户名 newgrp - docker 1.linux 目标 1.搭建gitlab-ce 2.如果有公网ip实现外网访问 3.使用vs cod ...
在自己的服务器上部署 GitLab 社区版
GitLab 简介因为我的个人网站 restran.net 已经启用,博客园的内容已经不再更新.这篇文章是在 Gitlab 7.4 的环境下配置的,相关内容可能已经过时. 后续做了一次迁移,将 Gi ...
玩转 Tanzu Community Edition（社区版）
Tanzu Kubernetes Grid (TKG) 是 Tanzu 产品家族中的运行时基石,作为VMware 的 Kubernetes 企业发行版本,可以在私有云和公有云多种云环境中部署,为用户提 ...
mysql社区版与cluster 区别_MySQL版本Enterprise/Community/Cluster等版本的区别
MySQL分为多种版本如Community.Enterprise.Cluster和Workbench等,MySQL不同版本有什么区别?LAMPLNMP分享: MySQL版本区别 ● MySQL Com ...
(翻译) MongoDB（13）在 Ubuntu 上安装MongoDB社区版
概述使用这个教程在 LTS Ubuntu Linux 使用 .deb 软件包安装 MongoDB 社区版. Ubuntu 包含自己的 MongoDB 软件包, 但官方的 MongoDB 社区版包通常 ...
vs社区版到期离线激活_vs2019离线安装包
前沿:下载一次Visual Studio后期就不用重复下载,特别是有些机子没有联网但又需要安装vs,那么按照以下步骤安装即可第一步:先去官网下载对应的vs的版本,这里我下载的是社区版(免费才是硬道理 ...
IntelliJ IDEA Community 社区版配置 Web 开发环境（Gradle + Tomcat）
IntelliJ IDEA 是很好的 IDE, 但是免费的社区版不直接支持开发 Web 项目.所以需要自己配置. 网上大多是教程都是用 Maven 和 jetty 来配置.我刚学 JAVA.因此直接从 ...
neo4j中文社区 php,neo4j 社区版搭建教程
neo4j搭建教程版本说明软件版本 jdk jdk1.8.0_201 neo4j需要提前按照java8 并且配置好jdk neo4j-community 3.5.14 neo4j 社区版硬件环 ...
linux文件安装DBeaver,[deepin][linux][DBeaver]DBeaver社区版安装好没有图标
[deepin][linux][DBeaver]DBeaver社区版安装好没有图标 https://www.cnblogs.com/landv/p/13956926.html 修改 /usr/shar ...

社区版ag-grid使用

社区版ag-grid使用相关推荐

最新文章

热门文章