Как мне сохранить свой индексный номер по страницам в таблице на JS при сбросе его каждый раз, когда я сортирую, используя другой фильтр? - PullRequest
Новая
       25

Как мне сохранить свой индексный номер по страницам в таблице на JS при сбросе его каждый раз, когда я сортирую, используя другой фильтр?

0 голосов
/ 29 мая 2019

Извините, если это основной вопрос, но я новичок в кодировании и действительно не знаю, как действовать.

В настоящее время я использую smart table и angularJS.У меня есть таблица с 10 строками на страницу и несколькими страницами, и я хотел бы, чтобы мой индекс равнялся 1. Сбрасывается каждый раз, когда я сортирую по другому фильтру (столбцу).2. Продолжайте просматривать страницы в одной и той же таблице.

Я пытался использовать {{item.id}} и {{tableData.indexOf (item)}}, и они преуспели в обеспечении непрерывности (например, страница 1 является индексом 1-10, страница 2 11-20 и т. Д.), Но когда я сортирую по другому фильтру (используя st-sort), индекс не сбрасывается, и я застреваю с моей первой строкой на первой странице с идентификатором 912, например.

Я также исследовал {{$ index}}, но он начинается заново на каждой странице и не имеет непрерывности между страницами.

Я рассмотрел попытку сделать {{index +currentPage * 10}}, но мой currentPage пуст, и я не знаю / не знаю, как его получить.Единственная область, которая передается от моего контроллера к моему представлению, - это мои tableData. 

<!--View-->
<table class="table st-table" st-table="tableName"  st-safe-src="tableData">
<thead>
    <tr class="sortable ">
        <th class="table-id" st-sort="id" st-sort-default="true">#</th>
        <th st-sort="colA">colA</th>
        <th st-sort="colB">colB</th>
        <th st-sort="colC">colC</th>
        <th st-sort=""></th>
    </tr>
    <tr class="st-filters">
        <th></th>
        <th><input st-search="colA" placeholder="Search colA" class="input-sm form-control search-input" type="search"/></th>
        <th><input st-search="colB" placeholder="Search colB" class="input-sm form-control search-input" type="search"/></th>
        <th><input st-search="colC" placeholder="Search colC" class="input-sm form-control search-input" type="search"/></th>
    </tr>
    <tr ng-repeat="item in tableName">
        <td class="table-id">{{$index}}</td>
        <td>{{item.colA}}</td>
        <td>{{item.colB}}</td>
        <td>{{item.colC}}</td>
    </tr>
    <tr>
        <td colspan="6" class="text-center">
            <div st-pagination="" st-items-by-page="10" st-displayed-pages="5"></div>
        </td>
    </tr>
</table>
...