固定表中的第一行

我有一個由軟件創建的網站。在網頁上，我有這樣的一個表：固定表中的第一行

<table> 
    <tbody> 
     <tr id="header"> 
      <th>Header1 
      <th>Header2 
      <th>Header3 
     <tr> 
      <td>Info1 
      <td>Info2 
      <td>Info3 
     <tr> 
      <td>Info4 
      <td>Info5 
      <td>Info6

不要問我它是如何工作沒有結束標記，但它確實。我想要做的是第一行「<tr id="header">」固定當我向下滾動頁面，甚至在頁面內，如果可能的話。

我發現很多解決方案，但他們要求爲<thead>和所有的，但我只能與我有什麼工作...

Im相當肯定jQuery的可以做到這一點，但即時通訊剛剛開始使用jQuery .. 。

來源

2013-05-21 Nathan

您可以在短短的CSS這樣做...點擊這裏：http://stackoverflow.com/questions/8423768/凍結頂級行爲html表格 – 97ldave

它確實有效，因爲HTML解析器知道TH或TD內部沒有TR，請參閱HTML規範瞭解這一點。這是有效的HTML（3.2 /生活標準5.0 +） – hakre

我發現的鏈接，但正如我之前說的：我沒有部分，所以我必須與我有什麼... – Nathan

你可以簡單的CSS添加到您的網頁：

tr#header { 
    position: fixed; 
    } 
td { 
    position: relative; 
    top: 25px; 
    display: inline-block; 
    }

，或者它可以使用jQuery Fixed Table：

<script src="jquery.fixedtableheader.min.js" type="text/javascript"> </script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.tbl').fixedtableheader(); 
    }); 
</script>

來源

2013-05-21 15:13:03

你是男人... – Nathan

@Nathan總是樂於幫助:) –

請將相關的代碼和信息添加到您的答案。鏈接只回答通常被標記。 http://meta.stackexchange.com/questions/92505/should-i-flag-answers-which-contain-only-a-link-as-not-an-answer – apaul

你能做到這一點它在CSS單獨像這樣：

jsFiddle

#header{ 
    position:fixed; 
    background:blue; 
    z-index:1; 
} 
#header th{ 
    border-right: 1px solid #fff; 
} 
#header :last-child{ 
    border-right: none; 
} 
td{ 
    position:relative; 
    top:25px; 
    display:inline-block; 
    margin-right:30px; 
}

來源

2013-05-21 15:51:12 apaul

固定表中的第一行

回答

相關問題