在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的官方文档来了解更多细节。
相关链接:
领取专属 10元无门槛券
手把手带您无忧上云