Angular / Mat Table - How to create a custom table component wrapping mat table

Asked Jan 10 '19 at 17:08

Active Jan 10 '19 at 17:15

Viewed 2,171 times

I want to create my own table component to add a checkbox column and actions around a set of ng-container for columns.

Example

<my-table>
  <ng-container matColumnDef="someCol">...</ng-container>
</my-table>

The custom table component would have

<table matTable>
Columns local to component 
+ columns passed from the component
</table>

Unfortunately (and obviously) I lose all the context and variables. I just don't know how to get about it.

Thanks for your help.

edited Jan 10 '19 at 17:15

asked Jan 10 '19 at 17:08

user1732055

are you trying to wrap `mat-table` so you won't have to do all the plumbings every time you pass an array of objects to it ? – Stavm Jan 10 '19 at 17:19
It's a fun idea. Where is your code??? – SoEzPz Jan 10 '19 at 17:26
The goal is to have a fixed set of columns (checkbox) in that custom table and then just add to it in a flexible fashion. – user1732055 Jan 10 '19 at 18:02
@SoEzPz I don't have code yet. I tried things with but it breaks so I gave up and thought I'd ask first. – user1732055 Jan 10 '19 at 18:03
2

See https://stackoverflow.com/questions/53335929/content-projection-inside-angular-material-table. – G. Tranter Jan 10 '19 at 23:08

0 Answers0