Top

[CSS,Script] 테이블 행고정 시키기 | Web-Programing
진기원 (wlsrldnjs) | Editor | 2015/04/27 12:02:46 | 조회:6262

엑셀에서 행고정 기능과 같이 사용해야 할때가 있다.!!

그럴때 아래의 소스를 참고하면 도움이 될 것이다.

개발자들은 뭐 설명안해줘도 잘 알아볼것이라고 생각하고 특별한 주석은 달지 않겠다!

모르는 부분은 댓글로 질문 하도록

이상.


  1. <script 제이쿼리 선언> </script>
  3. --- 중략 ---
  4. <div id="left-data" style="width:10%; float:left; overflow-y:hidden; overflow-x:scroll; background-color:red; height:150px;">
  5.         <table style="">
  6.             <tr>
  7.                 <td>123</td>
  8.             </tr>
  9.             <tr>
  10.                 <td>123</td>
  11.             </tr>
  12.         </table>
  13.     </div>
  14.     <div id="right-data" style="width:90%; float:right; overflow-x:auto; background-color:green; height:150px;">
  15.         <table width="100%" style="table-layout:fixed;">
  16.         <col width="500px"/><col width="1500px"/><col width="500px"/>
  17.             <tr>
  18.                 <td>456</td>
  19.                 <td>456</td>
  20.                 <td>456</td>
  21.             </tr>
  22.             <tr>
  23.                 <td>456</td>
  24.                 <td>456</td>
  25.                 <td>456</td>
  26.             </tr>
  27.         </table>
  28.     </div>
  29. ---중략---
  30. $(document).ready(function(){
  31.     $('#right-data').scroll(function(){
  32.         $('#left-data').scrollTop($('#right-data').scrollTop());
  33.     });
  34.     $('#left-data').scroll(function(){
  35.         $('#right-data').scrollTop($('#left-data').scrollTop());
  36.     });
  37. });
  38. </script>
공유하기
공유하기
0
0
0


댓글을 불러오는 중입니다.
▲ 이전글 [리눅스] tar 특정폴더 제외하여 압축 , rm 특수문자포함된 파일 삭제 진기원 (wlsrldnjs) 2015-05-11 14:54:10
▼ 다음글 [PHP] POST값 그대로 리다이렉트 시키키 김경훈 (admin) 2015-04-24 09:33:35
페이지 로딩이 끝나면 해당 댓글로 이동 합니다.