Good afternoon, I would like to know if it is possible to align the text of a grid-tile to the left, I have been researching in several forums and I have not been able to find a solution.
This is the html code for my grid-tile:
<table>
<mat-grid-list cols="2" rowHeight="35px">
<mat-grid-tile>485038</mat-grid-tile>
<mat-grid-tile>849830</mat-grid-tile>
</mat-grid-list>
</table>
In the views, the grid is displayed like this:
I have applied different styles to the grid and none of them have an effect on the text inside. As far as I know, angular itself aligns the grid-tile's text to center by default. I would like to know how to align the text to the left, thank you very much.
To generally align them to the left in your application you can add the following code to your global styles file (usually called styles.css)
If you are looking to align some particular cells you can achieve it by modifying the code as follows:
And then in those tiles that you want to align to the left you add the class
content-left
.a greeting