2014-10-04 68 views
1

我有一張很多列的表,它有很大的寬度,所以很難將它放在頁面上。所以我決定用列切換行。這就是我需要:html位置表頭在每一行

enter image description here

由默認頭細胞在列頭設置(與<thead>標籤),如何將其放置在行頭?謝謝。

upd該表使用odbc_fetch_array()函數填充數據庫查詢結果。所以頭部細胞是固定的,但是細胞的價值取決於我從數據庫中獲得的價值。

+0

什麼是你有標記,有什麼新的標記,究竟是它的問題?這個「it」是什麼,應該是「在行頭」(=?)?如果從數據庫中獲取數據至關重要,請指定使用哪種類型的數據庫,顯示相關代碼以進行此類使用,並相應地標記問題。 – 2014-10-04 11:26:02

+0

謝謝你@ JukkaK.Korpela我編輯了這個問題 – Daria 2014-10-04 12:04:16

+0

仍然沒有標記,也沒有生成它的*實際*代碼,沒有真正的問題陳述(應該放在哪裏)。 – 2014-10-04 12:22:06

回答

1

來自W3C的學校教程中,你可以使用這個:

<!DOCTYPE html> 
<html> 

<head> 
<style> 
table, th, td { 
    border: 1px solid black; 
    border-collapse: collapse; 
} 
th, td { 
    padding: 5px; 
    text-align: left; 
} 
</style> 
</head> 

<body> 

<h2>Horizontal Headings:</h2> 

<table style="width:100%"> 
    <tr> 
    <th>Name</th> 
    <th>Telephone</th> 
    <th>Telephone</th> 
    </tr> 
    <tr> 
    <td>Bill Gates</td> 
    <td>555 77 854</td> 
    <td>555 77 855</td> 
    </tr> 
</table> 

<h2>Vertical Headings:</h2> 

<table style="width:100%"> 
    <tr> 
    <th>Name:</th> 
    <td>Bill Gates</td> 
    </tr> 
    <tr> 
    <th>Telephone:</th> 
    <td>555 77 854</td> 
    </tr> 
    <tr> 
    <th>Telephone:</th> 
    <td>555 77 855</td> 
    </tr> 
</table> 

</body> 
</html> 

來源:http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_headers