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.

http://jsfiddle.net/jkkvy86x/

<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

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

javascript - Z-index in d3.js -