问ngtable不能正确显示
EN

Stack Overflow用户

提问于 2014-12-13 15:27:18

回答 1查看 76关注 0票数 0

我已经在我的电脑上下载了这个plunkr (http://plnkr.co/edit/ISa4xg?p=preview)的压缩包。当我运行该示例时，显示了表格，但没有应用css样式(例如，分页方式很糟糕)。有人知道我为什么会有这个问题吗？

提前谢谢。

angularjs

pagination

ngtable

回答 1

Stack Overflow用户

发布于 2015-10-29 13:22:21

只是将数据显示到表中的简单示例

//像这样尝试............

    <!DOCTYPE html>
    <html>
    <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <body>

    <div ng-app="myApp" ng-controller="myCtrl">

    <table border="1">
                <tr>
                    <th data-ng-click="doSort('name')">Name</th>
                    <th data-ng-click="doSort('city')">City</th>
                    <th data-ng-click="doSort('Money')">Money</th>
                </tr>
                <tr data-ng-repeat="person in customer | orderBy:sortBy:reverse | filter:nameText |filter:nameOnly |filter:cityOnly |filter:MoneyOnly">
                    <td> {{ person.name }} </td>
                    <td> {{ person.city}} </td>
                    <td> {{ person.Money}} </td>
                </tr>
            </table>

    </div>

    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {

    $scope.sortBy=  'name';
        $scope.reverse= false;

        $scope.customer= [{name:'Rasel',city:'Dhaka',Money:'10'},
                  {name:'Jon',city:'Khulna',Money:'20'},
                  {name:'Mr. Fox',city:'Rajshahi',Money:'30'},
                  {name:'Nabil',city:'Comilla',Money:'40'}];    

    });
    </script>

    </body>
    </html>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/27456583

复制

相似问题

问ngtable不能正确显示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ngtable不能正确显示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ngtable不能正确显示
EN