I have an angular-material table and it has many rows which makes my table higher then the screen.

Now my HTML look like this:

<table mat-table [dataSource]="dataSource" id="tabelaDados">

**

</table>

And my CSS look like this:

#tabelaDados{

overflow-y: auto;

}

I already tried overflow-y:scroll and it didn't work.

Any help?

CodePudding user response：

try add in css:

#tabelaDados{
    display: block;
    width: 350px;
    height: 200px;
    overflow: scroll;
}