замена для ngx-datatable-group-footer - PullRequest
Новая
       8

замена для ngx-datatable-group-footer

0 голосов
/ 10 мая 2018

Как у нас есть заголовок ngx-datatable-group-header, так и у нас нет ngx-datatable-group-footer. Однако, если мы хотим отобразить что-либо в нижнем колонтитуле на уровне группы, что мы можем сделать? Как и у меня есть требование отображать количество строк на уровне группы в нижнем колонтитуле каждой группы, но я не могу этого сделать, потому что нет нижнего колонтитула ngx-datatable-group-footer. Текущая функциональность, которую я могу достичь - это отображение общего количества строк (а не уровня отдельной группы). Любые идеи кто-нибудь?

Вот мой фрагмент кода ниже: 

 <ngx-datatable #table
                       class='datatable'
                       [sortType]="'single'"
                       [columns]="columns"
                       [columnMode]="'flex'"
                       [headerHeight]="40"
                       [footerHeight]="50"
                       [rowHeight]="'auto'"
                       [groupRowsBy]="'isCurrentDate'"
                       [limit]="10"
                       [rows]='rows'
                       [groupExpansionDefault]="true"
                       [scrollbarH]="true">

            <ngx-datatable-group-header [rowHeight]="60" #myGroupHeader>
                <ng-template let-group="group" let-expanded="expanded" ngx-datatable-group-header-template>
                    <div style="padding-left:5px;">
                        <a title="Expand/Collapse Group"
                           (click)="toggleExpandGroup(group)">
                            <b>{{group.value[0].isCurrentDate === true? 'Scheduled for Today':'Scheduled for other days'}}</b>
                        </a>
                    </div>
                </ng-template>
            </ngx-datatable-group-header>

            <ngx-datatable-footer>
                <ng-template ngx-datatable-footer-template
                             let-rowCount="rowCount">
                    <div style="padding: 5px 10px">
                        <div>
                            {{rowCount}} total 
                        </div>
                    </div>
                </ng-template>
            </ngx-datatable-footer>

        </ngx-datatable>
...