p-dataTable расширяет строки при загрузке страницы - PullRequest
Новая
       20

p-dataTable расширяет строки при загрузке страницы

0 голосов
/ 15 декабря 2018

p-dataTable расширяет строки при загрузке страницы 

<p-dataTable id="table" class="pc-datatable myTable" #dataTable [value]="dataList" [editable]="true" [rows]="10"
                [responsive]="true" [rowsPerPageOptions]="[5,10,20]" expandableRows="true" [paginator]="true" [pageLinks]="3" expandedIcon="ui-icon-expand-less"
                collapsedIcon="ui-icon-expand-more" rowIndexVar="index">
                <p-column expander="true" [style]="{'width':'0.5%'}"></p-column>
                <p-column field="" [style]="{'width':'15%'}">
                  <ng-template let-ele="rowData" pTemplate="body" let-i="rowIndex">
                    <ng-container>
                      <a style="color:#F5A623; cursor: pointer;" > Route{{i + 1}} ({{ele['name']}}) </a>
                    </ng-container>

                  </ng-template>
                </p-column>

                <ng-template let-rowData pTemplate="rowexpansion" style="width: 100%">
                  <app-view-component [pList]="rowData['pList']"></app-view-component>
                </ng-template>

              </p-dataTable>

См. Прикрепленное изображение.Текущее представление выглядит так:

current view

Ожидайте, что этот вид развернется все при загрузке

expected view

1 Ответ

0 голосов
/ 18 декабря 2018

В соответствии с документацией PrimeNg https://www.primefaces.org/primeng/#/table вы можете использовать свойство extendedRowKeys для расширенных строк по умолчанию.

Все строки изначально свернуты и предоставляют свойство extendedRowKeys, значением которого является dataKeys расширяемых строк, позволяетрендеринг этих строк как развернутый.Для этой функции должен быть определен dataKey.

Вот демонстрационная ссылка: https://stackblitz.com/edit/primeng-turbo-table-u53rsg

...