Code - yangart/sejongOn

<!DOCTYPE html> <html lang="ko"> <head> <title>온세종학교</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta name="format-detection" content="telephone=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">  <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>        <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>     <script src="/resources/front/site/SITE_00000/js/common.js"></script> <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>  </head> <body> <div class="popup-modal xlg" data-popuppub="popupmodal"> <div class="pop-header"> <h1>학습 상태별 학생 현황</h1> </div> <div class="pop-body"> <div class="fnc-area"> <div class="r-area"> <div class="legend-area"> <span class="legend"><span class="font-color-gray">●</span> 학습완료</span> <span class="legend"><span class="font-color-blue">▲</span> 학습중</span> <span class="legend"><span class="font-color-red">✕</span> 학습이력없음</span> </div> </div> </div> <div class="list-type table-sticky" data-sot-left="3"> <table> <caption>번호, 학습자, 별이적립현황, 날짜로 구성된 학생 목록입니다.</caption> <colgroup> <col style="width: 64px;"> <col style="width: 160px;"> <col style="width: 120px;"> <col style="width: 100px;"> <col style="width: 100px;"> <col style="width: 100px;"> <col style="width: 100px;"> <col style="width: 100px;"> <col style="width: 100px;"> <col style="width: 100px;"> <col style="width: 100px;"> <col style="width: 100px;"> <col style="width: 100px;"> </colgroup> <thead> <tr> <th scope="col">번호</th> <th scope="col">학습자</th> <th scope="col">별이적립현황</th> <th scope="col">01-02</th> <th scope="col">01-03</th> <th scope="col">01-03</th> <th scope="col">01-03</th> <th scope="col">01-03</th> <th scope="col">01-02</th> <th scope="col">01-03</th> <th scope="col">01-03</th> <th scope="col">01-03</th> <th scope="col">01-03</th> </tr> </thead> <tbody> <tr> <td>01</td> <td>홍길동<p class="msg">6학년 10반 30번</p></td> <td>Level 10</td> <td> <p class="font-color-gray">●</p> <small>정답률 80%</small> </td> <td> <p class="font-color-blue">▲</p> <small>-</small> </td> <td> <p class="font-color-red">✕</p> <small>-</small> </td> <td> <p class="font-color-blue">▲</p> <small>-</small> </td> <td> <p class="font-color-red">✕</p> <small>-</small> </td> <td> <p class="font-color-gray">●</p> <small>정답률 80%</small> </td> <td> <p class="font-color-blue">▲</p> <small>-</small> </td> <td> <p class="font-color-red">✕</p> <small>-</small> </td> <td> <p class="font-color-blue">▲</p> <small>-</small> </td> <td> <p class="font-color-red">✕</p> <small>-</small> </td> </tr> <tr> <td>01</td> <td>홍길동<p class="msg">6학년 10반 30번</p></td> <td>Level 10</td> <td> <p class="font-color-gray">●</p> <small>정답률 80%</small> </td> <td> <p class="font-color-blue">▲</p> <small>-</small> </td> <td> <p class="font-color-red">✕</p> <small>-</small> </td> <td> <p class="font-color-blue">▲</p> <small>-</small> </td> <td> <p class="font-color-red">✕</p> <small>-</small> </td> <td> <p class="font-color-gray">●</p> <small>정답률 80%</small> </td> <td> <p class="font-color-blue">▲</p> <small>-</small> </td> <td> <p class="font-color-red">✕</p> <small>-</small> </td> <td> <p class="font-color-blue">▲</p> <small>-</small> </td> <td> <p class="font-color-red">✕</p> <small>-</small> </td> </tr> </tbody> </table> </div> </div> <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> </div>  <div class="toast"></div>  <div class="dim"></div> <script> $(document).ready(function() { popupOpenPub('popupmodal'); }); </script> </body> </html>