CSS for td in the same line (Angular 2)

Html

<table id="table_id"><tr><td>testtesttesttest</td>

<td>testtesttesttest</td>

</tr>
</table>

CSS

#table_id {display: block; }

#table_id td {display: inline-block; }

td { background: green } /* to show cell sizes */

Display td with angular 2

<table >

<tr >

<!-- Loop through the services -->

<td *ngFor="let service of colorMasterServices">

{{service.name}}

</div>

</td>

</tr>

</table>