This is a problem that's been bothering me for a while. I implemented a mat-table with mat-header, mat-paginator etc. all according to the Angular Material Userguide without a problem. Now difficulties appear in the separated styling of header and table. Each row of the table has a border that should leave a space between the different columns. Since apparently there is no such thing like a mat-column HTML-tag that I could refer to (at least I couldn't find one) I solved this problem with setting a margin in CSS for the whole table. Like this the space between the columns that I wanted appears. Now a new problem arised because the header is set inside the mat-table, so it's doing the same. Now for the header I do not want this space between the columns. I tried setting the margin: 0px in CSS for the header, however it didn't work. Apparently, the style of the mat-table always overwrites it. Now my questions is, if there is an easy way to solve this problem without needing to implement a new kind of table, header etc? Or is there a kind of way to refer to mat-columns that I am not aware of?
-- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
