2

Hi i have a strange behaviour with Angular Material Table.
The table itself is 100% working (it loads and displays the data and pagination clicking works totaly fine).
The issue is with styling.
It looks this same even after copy-pasing examples from material website. It seems like something is missing in terms of styles. This is how it looks like:enter image description here
As you can see there are no icons of page toggle, and the items per page is displayed wider than table itself.

Im sure that this is not issue with matIcons as i am using them in this same table and they display fine.

Anyone knows what is going on? Thanks in advance!

Krzysztof Krawiec
  • 127
  • 1
  • 7
  • 1
    Take a look at your console, probably you forgot to import any of the component modules needed. – BogdanC Feb 07 '18 at 15:22

2 Answers2

2

Yeah well, thanks @BohdanC.

I forgot to add a theme, but this was not rised as a console error, but warning.

Krzysztof Krawiec
  • 127
  • 1
  • 7
  • 1
    Warning message and exact solution - https://stackoverflow.com/questions/44230852/angular-material-could-not-find-angular-material-core-theme – vp8 Aug 21 '18 at 21:20
0

Are you using mat table classes withing <th> ,<td> classes? if so please use <mat-table> instead of above tags.some times bootsrap table css will overide mat-table classes

CodeMind
  • 616
  • 1
  • 7
  • 19