Question

我是棱角分明的新人。我通过查看其文档尝试了第一次智能表。我在搜索和分页时遇到问题。我试图查看堆栈溢出的各种解决方案，但没有成功。请帮忙

<table st-table="displayedCollection" st-safe-src="rowList" class="table table-stripped">
<thead>
    <tr>
        <th st-sort="engagement_id">Engagement Id</th>
        <th st-sort="customer_name">Customer Name</th>
    </tr>
    <tr>
        <th colspan="8">
            <input st-search placeholder="global search" class="input-sm form-control" type="search" />
        </th>
    </tr>
</thead>
<tbody>
    <tr ng-repeat="data in displayedCollection">
        <td>{{data.engagement_id}}</td>
        <td>{{data.customer_name}}</td>
    </tr>
</tbody>
<tfoot>
    <tr>
        <td colspan="5" class="text-center">
            <div st-pagination="" st-items-by-page="5" colspan="8"></div>
        </td>
    </tr>
</tfoot>

这里是角度代码

$.post(MY_CONSTANT.url + '/all_rides', {
        access_token: $cookieStore.get('obj').accesstoken,
        start_limit: start_limit,
        end_limit: end_limit

    }, function (data) {
        $scope.showloader=false;

        if (data.status == true) {
            var rides = data.data[1];
            $scope.rowList = rides;
            $scope.displayedCollection = [].concat($scope.rowList);
        }
        else if (data.status == responseCode.INVALID_ACCESS_TOKEN){
            $state.go('page.login');
        }
    });

使用智能表cdn 这里是链接：https：//cdnjs.cloudflare.com/ajax/libs/angular-smart-table/2.1.8/smart-table.min.js“＆gt;

Answer 1

如果您可以从服务器获取“rowList”，那么您发布的代码似乎没有问题。

因此，请检查您是否可以添加智能表库。

angular.module('appName', ['smart-table'])

Angular Smart表搜索和分页无法正常工作

1 个答案: