如何使用 Angular JS 的 ng-grid 来改变 JSON 数据?

How to use ng-grid of Angular JS for varying JSON data?

我有一个JSON数据。简化示例:

 [{"name":"xxx","age":23},{"name":"yyy","age":25}]

数据可能不同(甚至键也可能不同)。

我想使用 AngularJs 在 UI 上将其显示为 table。我是 Angular 世界的新手。我正在为此使用 ng-grid。

在我的 JS 文件中:

        //queryResponse is having above mentioned JSON data.

            $scope.gridOptions = {
            data: 'queryResponse',
            rowHeight:46,
            headerRowHeight:40,
            enablePaging: false,
            showFooter: false,
            enableRowSelection: false,
            columnDefs: [....]       
            };

columnDefs 中应该有什么,因为我不能硬编码displayName,它应该取自 JSON 数据的键,例如 name & age 上面提到的代码?

只需从 gridoptions 中删除 columnDefs 属性 即可将您的键显示为标题。仅当您想要显示指定键的静态标题时,才包含带有 displayName 的 columnDefs