Rowspan/colspan問題

我想跨我的表的標題爲2列（2 td s）和2行（2 tr s）。我嘗試使用rowspan和colspan在一起，但它不適合我。標題沒有寫入任何內容。它只是背景色。我寫的代碼如下Rowspan/colspan問題

<table width="100%" cellpadding = "2" cellspacing = "0" border= "0"> 
<tr valign = "top"><th colspan = "2" rowspan = "2" Style="background:#FCE14E"></th></tr>

我可以找到替代方案嗎？提前致謝。

來源

2010-08-10 mona

我覺得你很混淆表頭標籤的用途。你能寫更多關於最終產品的用途嗎（即，表頭還有什麼東西，表格裏面會寫些什麼，等等） – 2010-08-10 17:03:32

在JSP文件中遇到HTML問題並不會使它成爲JSP問題。這只是一個生成/生成HTML代碼的視圖技術。你的問題全在於生成的HTML代碼。所以我刪除了JSP標籤。 – BalusC 2010-08-10 17:07:01

@BalusC感謝您的評論。我會記住這一點 – mona 2010-08-10 17:10:14

colspan應該工作。這裏rowspan毫無意義。單元格已經覆蓋整行。您不能添加另一行來填充剩餘的列（因爲沒有剩餘的列）。您想要指定height。

這裏的改進例如：

<th colspan="2" style="height: 2em; background: #FCE14E;">&nbsp;</th>

注意，我添加了一個 （不換行空格），因爲電池否則將無法在瀏覽器MSIE呈現。另請注意，您應該更喜歡使用style以上的內嵌樣式使用CSS類。

來源

2010-08-10 17:04:20 BalusC

感謝它的工作，但我需要給高度：1em。單獨的colspan爲我工作，但高度不是一排的大小，因爲它沒有任何標題。現在它可以工作。 – mona 2010-08-10 17:14:24

你能否提供更多的標記？在運行良好之前，您需要有多行和多列。這可能更接近：

<table> 
    <tr> 
    <th>A</th> 
    <th rowspan = 2 colspan = 2>B</th> 
    <th>C</th> 
    </tr> 
    <tr> 
    <th>D</th> 
    <th>E</th> 
    </tr> 
</table>

列標題B最終應填充2行和2列，在呈現時將E推到C下。

來源

2010-08-10 17:04:35

您沒有在標題頁中放置任何文本，因此不會顯示任何文本（除非您使用腳本添加文本）。

<th colspan = "2" rowspan = "2" Style="background:#FCE14E">Table header text goes here</th>

來源

2010-08-10 17:07:03 Ray

Rowspan/colspan問題

回答

相關問題