table 에 스크롤 넣기 최종판
마스터욱
0
22
0
0
2017-08-26 04:49:53
지금시각 새벽 4시 50분
결국 내가 해냈다...
아 진짜 고단하네... 이렇게까지 테이블에 스크롤을 넣기가 힘들단 말인가?????
결국 이중 테이블을 만들어서 분리를 해서 table 을 고정시켰다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 | <style> .table_wk3_head td { background-color:#F1F1F1; } .table_wk3 { width:100%; table-layout:fixed; border-top:1px solid #DDD; border-left:1px solid #DDD; } .table_wk3 td { line-height:30px; padding:0px 10px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; } </style> <div style="overflow-y:scroll;"> <table class="table_wk3 table_wk3_head"> <tr> <td class="text-center" style="width:15%;">이름</td> <td class="text-center" style="width:20%;"><i class="fa fa-user"></i> 사용자</td> <td class="text-center" style="width:15%;">상태</td> <td class="text-center" style="width:20%;"><i class="fa fa-phone"></i> 전화번호</td> <td class="text-center" style="width:20%;">가입일자</td> <td class="text-center" style="width:10%;"><i class="fa fa-gear"></i></td> </tr> </table> </div> <div style="overflow-y:scroll;height:650px;"> <table class="table_wk3"> <?php foreach($list as $row){ ?> <tr class="companyUserTr" json='<?=json_encode($row)?>'> <td style="width:15%;" class="companyUserTd"><?=$row['이름']?></td> <td style="width:20%;" class="companyUserTd"><?=$row['사용자']?></td> <td style="width:15%;" class="companyUserTd text-center"><?=$row['상태']?></td> <td style="width:20%;" class="companyUserTd text-center"><?=$row['전화번호']?></td> <td style="width:20%;" class="companyUserTd text-center"><?=$row['가입일자']?></td> <td style="width:10%;" class="text-center"> <button type="button" class="btn btn-danger btn-sm companyUserRemoveBtn"> <i class="fa fa-eraser"></i> 삭제 </button> </td> </tr> <?php } ?> </table> </div> | cs |
