Question

我的桌子上有很多列，而且宽度很大，所以很难将它放在页面上。所以我决定用列切换行。这就是我的需要：

enter image description here

通过在列标题处设置的默认头单元格（带<thead>标记）如何将其放置在行的顶部？感谢。

upd 该表使用odbc_fetch_array()函数填充数据库查询结果。所以头部细胞是固定的，但细胞的价值取决于我从DB得到的东西。

Answer 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

html在每一行放置表头

1 个答案: