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>

這是我得到的屏幕截圖

Answer 1

我想通了，@ GregL弄清楚了。 我沒有正確導入ng-grid.css文件。