2017-08-14 60 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

回答