CODEWITHSUNDEEP
angularangular-material
Baruch_Mashasha
Baruch_Mashasha

Reputation: 207

Change Angular Material table style

I use Data-Table from angular material and i want to change the table style.

enter image description here

How can i remove the border/frame from the table and remove the 3d effect on the frame?

Upvotes: 0

Views: 1247

Answers (2)

MaBbKhawaja
MaBbKhawaja

Reputation: 902

This is the by default css that is adding box shadow just change the values and add !important and then you are good to go.

.mat-elevation-z8 {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

Upvotes: 1

Quan Vo
Quan Vo

Reputation: 1336

I believe that you take an example from the doc, so just simply remove the elevation helper

class="mat-elevation-z8"

from mat-table.

Upvotes: 3

Related Questions