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.
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.
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.
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;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With