Почему адаптивная таблица начальной загрузки не работает с Angular 'dir-paginate'?

Question

Почему загрузочный стол не работает с dir-paginate.Я создал HTML-таблицу адаптивной сетки с помощью начальной загрузки, которая работает с жестко-закодированными данными, но когда мой коллега-разработчик по угловым направлениям использовал некоторый «dir-paginate» для извлечения данных из базы данных, мой код адаптивного дизайна не работает при сворачиваниибраузер короче.

<div class="portlet-body flip-scroll">
    <div style="overflow-x:auto;">
        <table id="Tbl_SiteVisitViewAll" class="table table-bordered table-striped table-condensed flip-content">
            <thead class="flip-content">
                <tr>
                    <th>S. No.</th>
                    <th ng-click="Sort('Active')">Attended By</th>
                    <th>Edit</th>
                </tr>
            </thead>
            <tbody dir-paginate="S in SiteVisits |filter : FollowUp |orderBy:'key':AscOrDesc | itemsPerPage:20">
                <tr>
                    <td>{{S.index}}</td>
                    <td>{{S.UpdatedBy}}</td>
                    <td>
                        <a href="#" ">
                            Edit
                        </a>
                    </td>
                </tr>

            </tbody>
        </table>
    </div>
</div>

Answer 1

Я думаю, что вы используете директиву в неправильном положении.Вы хотите повторить <tr>-element вместо <tbody>-element.

Для получения дополнительной информации посмотрите этот ответ: https://stackoverflow.com/a/34392061/7225524

<div class="portlet-body flip-scroll">
    <div style="overflow-x:auto;">
        <table id="Tbl_SiteVisitViewAll" class="table table-bordered table-striped table-condensed flip-content">
            <thead class="flip-content">
                <tr>
                    <th>S. No.</th>
                    <th ng-click="Sort('Active')">Attended By</th>
                    <th>Edit</th>
                </tr>
            </thead>
            <tbody>
                <tr dir-paginate="S in SiteVisits |filter : FollowUp |orderBy:'key':AscOrDesc | itemsPerPage:20">
                    <td>{{S.index}}</td>
                    <td>{{S.UpdatedBy}}</td>
                    <td>
                        <a href="#" ">
                            Edit
                        </a>
                    </td>
                </tr>

            </tbody>
        </table>
    </div>
</div>