by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jun 18 2019 18:50
    @StephenFluin banned @piotr-mamenas
Derek
@derekkite
@HarshaChinni you set the length, total number of pages, and respond to a page event by loading the required data.
SAGO
@SAGOlab
Hi there, I have a mat-select inside a mat-bottomsheet, but when I select something the bottomsheet close panel automatically, how can I prevent this?
João Filipe Sabino Esperancinha
@jesperancinha
Hi there, can anyone help me understand why I can't get mat-table to work with SSR (Server Side Scripting)?
Jianhua Huang
@jianhua415
Hello, is it possible to show an image from Cloud Firestorage in Material Data Table, where the Data Table is populated by Cloud Firestore? Appreciate any pointers!
Luka Onikadze
@lukaonik
Hello, running yarn lint on Angular material source, gives the following errors on Windows " Expected linebreak to be 'LF'" , any solutions for that?
Mateus Carniatto
@Carniatto
Pranav Powar
@pranavpowar
Hello Folks ,
I have a question regarding mat table.
If I were to write a custom directive for mat-cell , how can I access viewref of cell from directive?
Pranav Powar
@pranavpowar
Please help I am new to angular.
Sami Al Khatib
@alsami
You can inject ViewContainerRef into the constructor of your directive to archive that.
Pranav Powar
@pranavpowar
@alsami Thank you
Sankey28
@Sankey28

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());

Pranav Powar
@pranavpowar
Hello All,
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?
Ravindrakumar Rajput
@iiravindrarajput
"property matheaderrowdef is not provided by any applicable directive on an embedded template"
why I am getting this lint warning?
BertrandMarechal
@BertrandMarechal
hey - it seems all lower case, no ?
mat table is expecting camelCase
Zlati Pehlivanov
@talamaska
hey people, I'm facing some weird issues while working with the CDK Template Portal
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
Brad G
@bgilb5
how can i make a mat-table cell fill most of the width?
BertrandMarechal
@BertrandMarechal
Check the documentation's examples, the table getting data over http sets the widths of the columns it displays
Brad G
@bgilb5
i don't want automatic widths
BertrandMarechal
@BertrandMarechal
nice, because in the example, they are fixed width
Brad G
@bgilb5
ah i see now
Thanks
BertrandMarechal
@BertrandMarechal
:thumbsup:
Brad G
@bgilb5
how do you guys deploy without removing the original files first?
upload new everything except index.html, then upload index.html, then delete old files?
Sankey28
@Sankey28
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.
Nikola Pavlovic
@raegen
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
Nikola Pavlovic
@raegen
jesus matHeaderCellDef is fine matHeaderRowDef is not whatsoever
Nikola Pavlovic
@raegen
bleh
BertrandMarechal
@BertrandMarechal
:)
Brad G
@bgilb5
im using ngxmonaco editor, but its pretty heckin large, how could i lazy load it?
Nishanth
@Nishanth15
image.png
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
SAGO
@SAGOlab
@Nishanth15 the snippet suggested in the answer not works?
SAGO
@SAGOlab
Hi there...I'm working on bottom-sheet component, I need to create button toggle with push animation, so the button follow the open close state of bottom-sheet panel? where to start?
Nishanth
@Nishanth15
Hi @SAGOlab , I put that it my style.scss. Its working fine for me. Is there any other way to do it?
SAGO
@SAGOlab
@Nishanth15 I think no, for my knowledge....
SAGO
@SAGOlab
Hi there...I'm working on bottom-sheet component, I need to create button toggle with push animation, so the button follow the open close state of bottom-sheet panel? where to start?
Nkansah Rexford
@seanmavley
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
SAGO
@SAGOlab
I there there is a way to get mat expansion panel title from typescript?
SAGO
@SAGOlab
Hi there...I'm working on bottom-sheet component, I need to create button toggle with push animation, so the button follow the open close state of bottom-sheet panel? where to start?