AngularJS ng-grid将网格聚集在一起

Question

我正在尝试做一个基本的ng-grid。我已经定义了它并且它有数据。我也会附上一张照片，我从未见过ng-grid这样做，但这是我第一次自己设置，所以也许我做错了。这是我的代码：

我的控制器：

    controllers.controller('searchResultsController', ['$scope', '$rootScope',
    function($scope, $rootScope) {

        $scope.data = $scope.searchResults.data || $rootScope.searchResults.data;
        $scope.resultsGridOptions = {
            data: 'data',
            columnDefs: [
                {
                    field: 'startingCity',
                    displayName: 'Starting City',
                    width: '***'
                },
                {
                    field: 'destination',
                    displayName: 'Destination',
                    width: '***'
                },
                {
                    field: 'airline',
                    displayName: 'Airline',
                    width: '**'
                },
                {
                    field: 'price',
                    displayName: 'Price',
                    width: '*'
                },
                {
                    field: 'seatsInFirstClass',
                    displayName: 'Seats In First Class',
                    width: '*'
                },
                {
                    field: 'seatsInEconomy',
                    displayName: 'Seats In Economy',
                    width: '*'
                }
            ]
        };
    }
]
);

我的应用声明：

angular.module('reservationsApp', ['ngRoute', 'ngGrid', 'ui.bootstrap', 'reservationsControllers']);

如果它会有任何好处，我的模板（虽然很简单）：

<div class="gridStyle" ng-grid="resultsGridOptions"></div>

Here's a screenshot of what I'm getting

Answer 1

我想通了，好吧，@ GregL想出来了。我没有正确导入ng-grid.css文件。