#Group table with expendable

20 messages · Page 1 of 1 (latest)

hybrid shoal
#

Im not sure is this even possible to extend material table to this point.
How to build this?
Can sb point me in the right direction?

flat portal
#

What's exactly your request?

hybrid shoal
#

what im doing wrong here

flat portal
#

Please provide a Stackblitz reproduction of your issue, explaining what doesn't satisfy your expectations

hybrid shoal
#
bolt.new

An angular-cli project based on @angular/animations, @angular/common, @angular/compiler, @angular/core, @angular/forms, @angular/platform-browser, @angular/platform-browser-dynamic, @angular/router, core-js, rxjs, tslib and zone.js

#

The problem is this, in the preview you will see empty rows, that empty rowes are bcs of the groups in the dataSoruce, but the row that needs to render groups are not showing, and when i clikc on a row it should expand, but it doesn't work, so would you be able to point me in the right direction, where did i make a mistake exaclty? I have provide the desing img

#

so you can see how it should be, I believe this part of the code is ignored:
<!-- Group Header Column - Spans all columns and displays only text -->
<ng-container matColumnDef="groupHeader">
<th mat-header-cell *matHeaderCellDef></th> <!-- required -->
<td colspan="999" mat-cell *matCellDef="let groupBy" class="group-header-cell">
<strong>{{ groupBy.initial }}</strong>
</td>
</ng-container>

<!-- Group Header Row -->
<tr
mat-row
*matRowDef="let row; columns: ['groupHeader']; when: isGroup"
class="group-header-row">
</tr>

flint parcel
flint parcel
#

it expands now

hybrid shoal
#

yes, but the groupHeader is ignored for some reason

hybrid shoal
#

Ik removing "when" is doing this, but the problem is still there, 2 empty rows should not be there

#

I mean i share the design, and i have tried many things but nothing works so far, 1st issue resolve, then now this empty rows. I'm start thinking maybe its not possible to combine mulirowdata with the groups, maybe material table is not extesible that much

flint parcel
#

No more empty row now. Just describe same way you want writing ai prompt. I can understand the design but with stackblitz is easier for me

hybrid shoal
#

Thanks, but there is still one epty row under the group lable, but you already dome too much so you don't need to spend more time on this, i hoipe i will find the solution.
bdw i did try with the ai, putting images trying a couple of propts for the last 2 days, but thing works