在ag-Grid中选择列数据可以通过以下步骤实现:
<div id="myGrid" style="height: 500px;"></div>
var gridOptions = {
columnDefs: [
{ headerName: "姓名", field: "name" },
{ headerName: "年龄", field: "age" },
{ headerName: "职业", field: "occupation" }
],
rowData: [
{ name: "张三", age: 25, occupation: "工程师" },
{ name: "李四", age: 30, occupation: "设计师" },
{ name: "王五", age: 35, occupation: "销售员" }
]
};
// 在指定的DOM元素上创建ag-Grid
var gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);
在上述示例中,columnDefs
定义了三个列,分别是“姓名”、“年龄”和“职业”。rowData
定义了三行数据。你可以根据需求来修改列定义和数据源。
此外,ag-Grid还提供了许多其他功能和选项,如排序、过滤、分组、聚合等。你可以通过查阅ag-Grid的官方文档来了解更多细节。
相关链接:
腾讯云存储专题直播
云+社区技术沙龙[第17期]
云原生正发声
企业创新在线学堂
云+社区技术沙龙[第9期]
DB TALK 技术分享会
企业创新在线学堂
DBTalk
领取专属 10元无门槛券
手把手带您无忧上云