table 에 스크롤 넣기 최종판

마스터욱 0 124 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>
Colored by Color Scripter
cs