2014-09-24 49 views
2
+-----------+-----------+-------------------------------------------+ 
| header | header2 | header3         | 
+   +   +-------------------------------------------+ 
|   |   | subheader   | subheader   | 
+-----------+-----------+---------------------+---------------------+ 
| row data1| row data2 | row row1 data 3.1.1 | row row1 data 3.1.2 | 
+   +   +---------------------+---------------------+ 
|   |   | row row2 data 3.2.1 | row row2 data 3.2.2 | 
+   +   +---------------------+---------------------+ 
|   |   | row row3 data 3.3.1 | row row3 data 3.3.2 | 
+-----------+-----------+---------------------+---------------------+ 

你如何在JSP中用spring創建這樣的表。該行通過循環生成。該行必須包含兩個子標題的多個數據行。對於每一行,在子標題中都有多個表格數據行。例如:數據3.1.1對應循環中的數據3.1.2。如何構建這個HTML表格?

+1

沒有真正瞭解的基礎數據,我只能說,'那將需要colspan'和'rowspan'。 – Sirko 2014-09-24 16:39:23

+1

你嘗試過什麼嗎? – LcSalazar 2014-09-24 16:45:47

回答

0

像這樣:

<table> 
    <tr> 
     <td rowspan="2">header 1</td> 
     <td rowspan="2">header 2</td> 
     <td colspan="2">header 3</td> 
    </tr> 
    <tr> 
     <td>subheader</td> 
     <td>subheader</td> 
    </tr> 
    <tr> 
     <td rowspan="3">rowdata 1</td> 
     <td rowspan="3">rowdata 2</td> 
     <td>rowdata 3.1.1</td> 
     <td>rowdata 3.1.2</td> 
    </tr> 
    <tr> 
     <td>rowdata 3.2.1</td> 
     <td>rowdata 3.2.2</td> 
    </tr> 
    <tr> 
     <td>rowdata 3.3.1</td> 
     <td>rowdata 3.3.2</td> 
    </tr> 
</table>