angular/material2

Material Design components for Angular

vpasudo

@vpasudo

Hi I have a problem with Edge Chromium, my <mat-icon> render the name of the icon instead of the icon ? (works fine with Chrome, Firefox, old Edge version) Do you guys know any workaround ?

Derek

@derekkite

@vpasudo https://stackoverflow.com/questions/55340580/font-ligature-icons-in-microsoft-edge

vpasudo

@vpasudo

Thanks @derekkite

Harsha Chinni

@HarshaChinni

Hey everyone, hope you're doing well. I am using Angular material paginator on the front end. The Oracle table has 1.3 million records in the DB. I can't fetch all of them at a time(obvious), I need the paginator to make sure to display there are 130k pages assuming 10 records per page (130 k * 10 = 1.3 million). But the problem is material paginator is showing the total records to be the number of records available in the MatDataSource. In my case, I am fetching 30 records initially. The paginator is only showing 3 pages with 10 records per page.

But then, how can I tell the material paginator to show 130k pages and total records as 1.3 million (assuming 10 records per page) with out fetching the data unless I go to a particular page ?

Any leads will be very helpful.

Thank you :)

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

is https://tina-material-tree.firebaseapp.com offline?

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

https://stackblitz.com/angular/nlerpnageql?file=src%2Fapp%2Ftable-http-example.css

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

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

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....

Where communities thrive

People

Repo info

Activity