Html 테이블 해더 고정하기

반응형

<style> .ScrollingArea { overflow-y: auto; } .StaticHeader { position: relative; top: expression(this.offsetParent.scrollTop-1); } </style> <div style="height:60px; width:100%" class="ScrollingArea"> <table cellpadding="0" cellspacing="0" width="200px"> <tr class="StaticHeader"> <td>Name</td> <td>Status</td> </tr> <tr> <td>First</td> <td>Active</td> </tr> </table> </div>