angularjs - Filling data in a table with multiple subheaders -
i have table second column consists of multiple subheaders. each row in table, data under second column can consist of multiple rows. i’m having trouble syncing multiple rows under subheaders.
<table> <thead> <tr> <th>col 1</th> <th colspan="3">col2</th> </tr> <tr> <th></th> <th>h1</th> <th>h2</th> <th>h3</th> </tr> </thead> <tbody> <tr> <td>row1</td> <td>data1</td> <td>data2</td> <td>data3</td> <td>data4</td> <td>data5</td> <td>data6</td> </tr> <tr> <td>row2</td> <td>data1</td> <td>data2</td> <td>data3</td> </tr> </tbody> </table>
for row1, want data4, data5, data6 under h1, h2, h3, respectively.
i'm doing in angularjs/bootstrap data/formatting important. don't think adding row blank data first column work although i'm open solutions.
this not angular. btw, can use <br/>
?
i working on plnkr: http://plnkr.co/edit/xnqpnhm1z58xb5usioza?p=preview
but structure can better suggestion.
Comments
Post a Comment