angular - Can't make Accordion and table work together -




so i'm trying make custom table can click part of row , additional field shows up. best way explain want show you.. view should this:

enter image description here

so table code looks this:

<table class="table message-table">     <thead>         <tr>             <th class="clickable">title</th>             <th class="clickable">date</th>             <th class="clickable">action</th>             <th></th>         </tr>     </thead>     <tbody>         <tr *ngfor="let message of messages | paginate: config">             <td>{{message.title}}</td>             <td>{{message.created | date:'longdate'}}</td>             <td>                 <ngb-accordion [closeothers]="true">                     <ngb-panel>                         <ng-template ngbpaneltitle>more</ng-template>                         <ng-template ngbpanelcontent>{{message.text}}</ng-template>                     </ngb-panel>                 </ngb-accordion>             </td>             <td></td>             </tr>     </tbody> </table> 

and result view i'm getting:

enter image description here

could me combine accordion , table code, work?? want message.text same width entire row , wont corrupt row's height





wiki

Comments

Popular posts from this blog

Asterisk AGI Python Script to Dialplan does not work -

python - Read npy file directly from S3 StreamingBody -

kotlin - Out-projected type in generic interface prohibits the use of metod with generic parameter -