Simple table in template node aligning colums

Dashboard
2

You could use css and give each column a id or class, here is a rough example

<style>
	#column0 {
		text-align:left;
	}
	#column1 {
		text-align:center;
		}
	#column2  {
		text-align:right;
	
	}
</style>

<table id="table" border="1">
 <tr>
    <th colspan="3" >{{msg.title}}</th>
 <tr>
 <th>Omschrijving</th> 
 <th>Prijs</th>
 <th>Eenheid</th>
 </tr>
 <tbody>
 <tr ng-repeat="row in msg.payload">
 <td ng-repeat="item in row" id="column{{$index}}">{{item}} </td>
 </tr>
 </tbody>
</table>
1 Like