转自:http://blog.sina.com.cn/s/blog_4b57e1d40100assv.html

最近研究固定HTML表头,找了几种方法都不怎么样,终于找了一个比较好的方法,共享一下:

源代码在这里!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
</HEAD>
<BODY>
<div style="height: 250px; overflow-Y: auto;width:500px">
<table border=1 width="100%">
    <tr style="background-color:red;position:relative;top:expression(this.offsetParent.scrollTop-2);">
   <td>Name</td>
   <td>Age</td>
   <td>Position</td>
   <td>Income</td>
   <td>Gender</td>
    </tr>
   <tr>
   <td>John</td>
   <td>37</td>
   <td>Managing director</td>
   <td>90.000</td>
   <td>Male</td>
  </tr>
  <tr>
   <td>Susan</td>
   <td>34</td>
   <td>Partner</td>
   <td>90.000</td>
   <td>Female</td>
  </tr>
  <tr>
   <td>David</td>
   <td>29</td>
   <td>Head of production</td>
   <td>70.000</td>
   <td>Male</td>
  </tr>
  <tr>
   <td>Laura</td>
   <td>29</td>
   <td>Head of marketing</td>
   <td>70.000</td>
   <td>Female</td>
  </tr>
  <tr>
   <td>Kate</td>
   <td>18</td>
   <td>Marketing</td>
   <td>50.000</td>
   <td>Female</td>
  </tr>
  <tr>
   <td>Mona</td>
   <td>21</td>
   <td>Marketing</td>
   <td>53.000</td>
   <td>Female</td>
  </tr>
  <tr>
   <td>Mike</td>
   <td>21</td>
   <td>Marketing</td>
   <td>53.000</td>
   <td>Male</td>
  </tr>
  <tr>
   <td>Mark</td>
   <td>25</td>
   <td>Production</td>
   <td>52.000</td>
   <td>Male</td>
  </tr>
  <tr>
   <td>Peter</td>
   <td>33</td>
   <td>Production</td>
   <td>55.000</td>
   <td>Male</td>
  </tr>
  <tr>
   <td>Jennifer</td>
   <td>24</td>
   <td>Production</td>
   <td>49.000</td>
   <td>Female</td>
  </tr>
  <tr>
   <td>David</td>
   <td>25</td>
   <td>Photography</td>
   <td>51.000</td>
   <td>Male</td>
  </tr>
  <tr>
   <td>Anna</td>
   <td>42</td>
   <td>Head of photography</td>
   <td>56.000</td>

相关文章:

  • 2021-11-19
  • 2021-11-19
  • 2021-11-19
  • 2021-11-19
  • 2021-11-19
  • 2021-11-27
  • 2021-11-30
猜你喜欢
  • 2021-11-19
  • 2021-10-20
  • 2021-08-27
  • 2021-05-25
  • 2021-06-12
  • 2021-09-28
  • 2021-09-26
相关资源
相似解决方案