angular/material2

Material Design components for Angular

Pranav Powar

@pranavpowar

  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?

Sanket Thotange

@iamsank8

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

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?

SAGO

@SAGOlab

how to animate a button on click?

BertrandMarechal

@BertrandMarechal

using angular animations ?

SAGO

@SAGOlab

yes, I have a bottomsheet component, and I need to attach a button that slide and follow bottomsheet at open and at close

https://stackblitz.com/edit/angular-1aspzp

this is my stackblitz, but I'm missing something, or better I don't understand something yet :joy:

@BertrandMarechal

BertrandMarechal

@BertrandMarechal

I got to somewhere, the rest of the road is for you :

if you add a button to your bottom sheet, then it will follow the bottom sheet itself

I got an ugly transform: translateY(-50px) to get it off the container, and added an overflow: unset on the container so that the button appear

SAGO

@SAGOlab

@BertrandMarechal and you deleted the button from other components?

BertrandMarechal

@BertrandMarechal

nops, it's just behind the overlay

SAGO

@SAGOlab

but you can provide me a stackblitz with your solution?

BertrandMarechal

@BertrandMarechal

you have all you need in the screenshot, I cannot fork the stackblitz now

Where communities thrive

People

Repo info

Activity