I am trying to create dynamic table component using Mat Table. I am passing column names and data as input to this component. But when I am changing the column names and data, the table is not refreshing. What am I missing here?
I have now resolved this issue by calling change detection manually in ngOnChanges() setTimeout(() => this.cdr.detectChanges());
I am using derived class from mat-table
In mat-table component definition:
selector: 'mat-table, table[mat-table]',
exportAs: 'matTable',
template: CDK_TABLE_TEMPLATE,
styleUrls: ['table.css'],
host: {
'class': 'mat-table',
}
there is a table.css reference in style urls
but Resolver throws error if is try to reference same file in derived component. also, there is no 'table.css' present physically. any ideas why?
mat table is expecting camelCase
the first time I open a modal from an ng-template the whole page flickers, have you faced something like that, I haven't seen that before
Thanks
upload new everything except index.html, then upload index.html, then delete old files?
I am trying to create dynamic mat table which accepts templates and data to render table without re-initializing the component. I am able to remove the footer row using table.removeFooterRowDef(null); but when the input change I should be able to add back the footer row. I am not sure how to do it.
yo, I'm having a very frustrating time with MatTable. Namely 'Property matFooterCellDef is not provided by any applicable directive on an embedded template ' and the likes of it. I have of course imported the MatTableModule but it still doesn't seem to be recognizing the directives. For the record, it works, it's just whining.
matColumnDef especially
Hi everyone, I have a project on angular 9. I am using Angular Material table on it. I followed the procedure in this link "https://material.angular.io/components/table/overview#sorting" to implement sorting. Now i could easily sort table data. But when i click on the column header name to sort, it showing an outline on it as above. Is it possible to remove that? Please help me on scss to do that. Thanks
I have also put this question in stackoverflow. Please help me anytime
https://stackoverflow.com/questions/62248740/how-to-remove-outline-for-material-row-header-with-matsort-in-angular-9
https://stackoverflow.com/questions/62248740/how-to-remove-outline-for-material-row-header-with-matsort-in-angular-9
I'm trying to register svg icons all embedded within a single svg file using the mat registry. My attempts still can't seem to target the IDs in the svg file
https://stackoverflow.com/questions/62279819/register-multiple-svg-icons-from-single-svg-file-mat-icons
https://stackoverflow.com/questions/62279819/register-multiple-svg-icons-from-single-svg-file-mat-icons