小编Sun*_*aju的帖子

如何使用ag-grid动态显示列

我是angularjs技术的新手.我正在使用ag-grid并想要动态显示列


我的json数据是:

[{Date:'12-12-2015',Name:'ammu',mark:20},{Date:'12-12-2015',Name:'appu',mark:24},{Date:'12-12-2015',Name:'anu',mark:27},{Date:'13-12-2016',Name:'ammu',mark:23},{Date:'13-12-2015',Name:'anu',mark:20}]
Run Code Online (Sandbox Code Playgroud)

我的预期产出是 预期产出

现有守则如下

$scope.gridOptions = {
    columnDefs: [],
    enableFilter: true,
    rowData: [],
    rowSelection: 'multiple',
    rowDeselection: true
};
 $scope.customColumns = [];
Getdetails();
function Getdetails()
{
    masterdataFactory.Getdetails()
     .success(function (Student) {
        f (Student.length != 0) {
             for(var i=0;i<Student.length;i++) {
                 $scope.customColumns.push(
                     {
                         headerName: Student[i].Name,
                         field: "Mark",
                         headerClass: 'grid-halign-left'

                     }
                 );
             };
            $scope.gridOptions.columnDefs = $scope.customColumns;
            $scope.gridOptions.rowData = Student;
            $scope.gridOptions.api.setColumnDefs();
          }                 
     })
      .error(function (error) {
          $scope.status = 'Unable to load data: ' + error.message;
      });
}
Run Code Online (Sandbox Code Playgroud)

现有产出在现有产出下方给出

如何从现有输出到达我的预期输出

angularjs ag-grid

5
推荐指数
2
解决办法
1万
查看次数

标签 统计

ag-grid ×1

angularjs ×1