首页 > 代码库 > table固定首行(一)
table固定首行(一)
<html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><script>function syncscroll(obj){ //y.innerHTML = obj.scrollTop; //x.innerHTML = obj.scrollLeft; scroll1.children[0].style.position = "relative"; scroll2.children[0].style.position = "relative"; scroll1.children[0].style.left = "-"+obj.scrollLeft; scroll2.children[0].style.top = "-"+obj.scrollTop; }</script><body><table border="0" cellpadding="0" cellspacing="0"> <tr> <td> <!--*********左上-BEGIN***********--> <table width="240" height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666"> <colgroup> <col width="80" > <col width="80" > <col width="80" > </colgroup> <tr bgcolor="#FFFFFF"> <td height="20">列1</td> <td>列2</td> <td>列3</td> </tr> </table> <!--**************左上-END**********--> </td> <td> <div id=‘scroll1‘ style="width:450;overflow:hidden "> <!--***********右上-BEGIN********--> <table style="width:900 " height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666"> <colgroup> <col width="150" > <col width="150" > <col width="150" > <col width="150" > <col width="150" > </colgroup> <tr bgcolor="#FFFFFF"> <td>列4</td> <td height="20">列5</td> <td>列6</td> <td>列7</td> <td>列8</td> </tr> </table> <!--************右上-END**********--> </div> </td> </tr> <tr> <td align="left" valign="top"> <div id=‘scroll2‘ style="height:150;overflow-y:hidden;overflow-x:scroll"> <!--*************左下-BEGIN**************--> <table width="240" height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666"> <colgroup> <col width="80" > <col width="80" > <col width="80" > </colgroup> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> </tr> </table> <!--*************左下-END***********--> </div> </td> <td align="left" valign="top"> <div style="width:450;height:150;overflow:scroll " onscroll="javascript:syncscroll(this)"> <!--***********右下-BEGIN***********--> <table style="width:900 " height="100" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666"> <colgroup> <col width="150" > <col width="150" > <col width="150" > <col width="150" > <col width="150" > </colgroup> <tr bgcolor="#FFFFFF"> <td width="100" height="20"> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr bgcolor="#FFFFFF"> <td height="20"> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> <!--*************右下-END*****************--> </div> </td> </tr></table><p id="y"> </p><p id="x"> </p></body></html>
table固定首行(一)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。