2017-08-14 41 views
0

我有一个表,其第二列由多个子标题组成。对于表中的每一行,第二列下的数据可以由多行组成。我无法在副标题下同步这些多行。用多个子标题填充表中的数据

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> 

对于ROW1,我想DATA4,数据5,DATA6也可以在H1,H2,H3,分别。

我在AngularJS/Bootstrap中这样做,所以数据/格式很重要。我不认为用第一列的空白数据添加另一行可行,尽管我对解决方案持开放态度。

+0

你有一个虚拟数据的例子。我想帮助你!但数据结构将有所帮助。 – joseglego

+0

我在这里找到了类似的答案:https://stackoverflow.com/questions/30915100/add-multiple-rows-in-one-column-using-angular-ng-repeat 我无法获取行因为我的数据在第一列有多行:http://jsfiddle.net/c9fm3eur/ – Geno

+0

我可以帮助你!我们可以通过以下方式进行设计: - Bootstrap,CSS甚至Flex!只是让我知道:) @Geno 你正在使用表,这是好的!但是,你想要的设计是先进的,我们可以使用更好的工具来做到这一点。 – joseglego

回答