PHP,code php,โค้ด php,บทความ php: การตรึงแนวห้วตาราง

เนื่องจากการทำข้อมูลให้แสดงในหน้ารายงานหากข้อมูลมีจำนวนมากเมื่อเราเลื่อนหน้าจอเพื่อดูข้อมูลด่านล่างเราก็จะไม่เห็นว่าข้อมูลที่เราดูเป็นข้อมูลอะไรเพราะเราจะไม่เห็นชื่อของหัวตาราง ทำให้ผมจำเป็นต้องพึ่ง google หาอยู่พักใหญ่ ค้นทั้ง โค้ด php, css และอื่น ๆ ก็เลยเจอโค้ดด่านล่างซึ่งสามารถนำไปใช้ได้ทั้งภาษา html และ ภาษา php ซึ่งทำให้พอเลื่อนดูข้อมูลแล้วห้วตารางก็จะเลื่อนตาม

<br />
<div><head></div><div><meta http-equiv="Content-Type" content="text/html; charset=windows-874" /></div><div><title>Untitled Document</title></div><div><style> </div><div>/* A floating header which floats down with the page scroll */</div><div>table.floatingHeader thead tr th {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>position:relative;</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>top: expression(</div><div><span class="Apple-tab-span" style="white-space: pre;">  </span>(xxh=((xxt=(xxhead=parentNode.parentNode).parentNode).offsetTop-(xxw=xxt.parentNode).scrollTop))<0</div><div><span class="Apple-tab-span" style="white-space: pre;">  </span>?</div><div><span class="Apple-tab-span" style="white-space: pre;">   </span>(</div><div><span class="Apple-tab-span" style="white-space: pre;">   </span>(0-xxh>(xxt.offsetHeight-xxhead.offsetHeight-2))</div><div><span class="Apple-tab-span" style="white-space: pre;">   </span>?xxt.offsetHeight-xxhead.offsetHeight-2</div><div><span class="Apple-tab-span" style="white-space: pre;">   </span>:0-(xxh)-1</div><div><span class="Apple-tab-span" style="white-space: pre;">   </span>)</div><div><span class="Apple-tab-span" style="white-space: pre;">  </span>:0);</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>z-index: 20;</div><div>}</div><div>table.floatingHeader th {</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>background-color:#2397c9;</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>font-size: 12px;</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>font-weight: bold;</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>color: #FFFFFF;</div><div><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:2 px;</div><div>}</div><div></style></div><div></head></div><div><br />
</div><div><body></div><div><table class=floatingHeader width="100%" border="1" cellspacing="1" cellpadding="2"></div><div>  <thead><tr></div><div>    <th rowspan="2">หัวตาราง1</th></div><div>    <th colspan="3">หัวตาราง2</th></div><div>    <th colspan="2">หัวตาราง6</th></div><div>    <th rowspan="2">หัวตาราง9</th></div><div>  </tr></div><div>  <tr></div><div>    <th>หัวตาราง3</th></div><div>    <th>หัวตาราง4</th></div><div>    <th>หัวตาราง5</th></div><div>    <th>หัวตาราง7</th></div><div>    <th>หัวตาราง8</th></div><div>  </tr></thead></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div>  <tr></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>    <td>&nbsp;</td></div><div>  </tr></div><div></table></div><div></body></div><div></html></div></div>

ทักทายครับ

6 มี.ค. 2555

การตรึงแนวห้วตาราง

ไม่มีความคิดเห็น: