Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Vertical lines in data table of Angular Material Design?

I need to build a grid to show a kind of data sheet, like an Excel document, read only. I am new in Angular but I think I must use the data table component. How can I put vertical lines in the columns? I would need to show clearly the cells. I have not been able to find an example about it.

like image 874
kokokok Avatar asked Apr 18 '18 06:04

kokokok


People also ask

What are the vertical lines of the table?

A vertical line is a line extending up and down. On a table (like the one shown to the right), the legs of the table are vertical lines. The y-axis is an example of a vertical line.

What is * MatHeaderCellDef?

MatHeaderCellDef extends CdkHeaderCellDefHeader cell definition for the mat-table. Captures the template of a column's header cell and as well as cell-specific properties.


1 Answers

You will get as cell when you use this css.

  .mat-cell {
        font-size: 14px;
        min-height: 48px;
        text-align: center;
        border-right: 1px solid black;
    }
like image 82
Sreekar Sree Avatar answered Sep 19 '22 15:09

Sreekar Sree