Расширение строки p-таблицы простого ng по щелчку строки - PullRequest
Новая
       42

Расширение строки p-таблицы простого ng по щелчку строки

0 голосов
/ 03 ноября 2019

Ссылка здесь https://www.primefaces.org/primeng/#/table/rowexpansion показывает пример p-table, где строки можно развернуть, нажав на первый столбец, в котором используется директива pRowToggler.

Я пытаюсь достичьэто переключение по щелчку строки в любом месте строки.

Я пытался найти такой пример, но не смог его найти. Я также пытался использовать [pRowToggler] на ng-template для строки, но это тоже не сработало.

Может кто-нибудь подсказать мне, как добиться этого поведения?

1 Ответ

0 голосов
/ 04 ноября 2019

сделать строку таблицы выбираемой и обернуть данные строки в ссылку 

<ng-template  pTemplate="body" let-rowData let-columns="columns">
        <tr [pSelectableRow]="rowData">
            <td *ngFor="let col of columns" class="ui-resizable-column">
        <a href="#" [pRowToggler]="rowData">
            {{rowData[col.field]}}           
            </a>
            </td>
        </tr>
    </ng-template>

есть пример проекта, он не идеален, нужно выполнить некоторую косметическую работу, но он показывает идею

https://stackblitz.com/edit/angular-primeng-width-7wnyzv?file=src/app/app.component.ts

...