테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

데이블 필터링 연동이 뭐가 안되어있는 걸까요? 작동이안되네요 ㅠ 채택완료

history 6년 전 조회 2,955
답변 1
목록

https://cafeptthumb-phinf.pstatic.net/MjAxODEyMjBfMjQw/MDAxNTQ1MjkzNDk4ODMz.d1TbbWDoeYsAPEQc5X6ZKSvmd5t3NxXvQbvYHXSJ0sAg.RKZc8r5O5bWa8nlpKD_t5vos6b6eQwo_kHqw2lOMTSEg.JPEG.lbyljy/Screenshot_2018-12-20_at_17.11.10.jpg?type=w740" />

http://holt59.github.io/datatable/" target="_blank">http://holt59.github.io/datatable/

 

여기에 나온 셈플을 다운받아서 작업 해보려고 하는데

 

링크 연결과 제이쿼리 연결 다한거 같은데 작동이 안되네요 흠,..

     어떤게 잘못 연동이 되어서 또는 빠져서 작동이 안되는걸까요?ㅠㅠ

 

</p>

<p><font face="나눔고딕, NanumGothic, 돋움"><!doctype html></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><html></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><head></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><meta charset="utf-8"></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><title>무제 문서</title></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><!-- CSS files (include only one of the two files!) --></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><!-- If you are not using bootstrap: --></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><link rel="stylesheet" type="text/css" href="css/datatable.min.css" media="screen"></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><!-- If you are using bootstrap: --></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><link rel="stylesheet" type="text/css" href="css/datatable-bootstrap.min.css" media="screen"></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">                        </font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><!-- JS files --></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><script type="text/javascript" src="js/datatable.min.js"></script></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">                        </font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><!-- Add the following if you want to use the jQuery wrapper (you still need datatable.min.js): --></font></p>

<p> </p>

<p><font face="나눔고딕, NanumGothic, 돋움"><script src="<a href="<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js</a>" target="_blank"><a href="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js</a></a>"></script></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><script type="text/javascript" src="js/datatable.jquery.min.js"></script></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><script></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">var datatable = new DataTable(document.querySelector('#first-datatable-output table'), {</font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">    pageSize: 5,</font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">    sort: [true, true, false],</font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">    filters: [true, false, 'select'],</font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">    filterText: 'Type to filter... ',</font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">    pagingDivSelector: "#paging-first-datatable"</font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">});</font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></script></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></head></font></p>

<p> </p>

<p><font face="나눔고딕, NanumGothic, 돋움"><body></font></p>

<p> </p>

<p><font face="나눔고딕, NanumGothic, 돋움"><table class="table table-bordered"></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">    <thead></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <th>Firstname</th></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <th>Lastname</th></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <th></th></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">    </thead></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">    <tbody></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Linus</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Torvalds</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Brian</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Kernighan</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Blaise</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Pascal</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Mathematics</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Larry</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Page</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Richard</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Hamming</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Mathematics</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Grace</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Hopper</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Pierre</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Bezier</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Mathematics</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Shigeru</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Miyamoto</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Leslie</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Lamport</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Rasmus</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Lerdorf</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Xavier</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Leroy</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Albert</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Einstein</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Physics</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Bill</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Gates</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Leonard</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>De Vinci</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Mathematics</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Pierre</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>De Fermat</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Mathematics</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>René</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Descartes</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Mathematics</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Alan</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Turing</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Ada</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Lovelace</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Isaac</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Newton</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Physics</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Carl Friedrich</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Gauss</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Mathematics</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>John</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Von Neumann</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Claude</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Shannon</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Mathematics</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Tim</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Berners-Lee</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Richard</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Stallman</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Dennis</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Ritchie</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Bjarne</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Stroustrup</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Steve</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Jobs</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Steve</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Wozniak</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Computer Science</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></tr>        <tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Mario</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Molina</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">            <td>Chemistry</td></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">        </tr></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움">    </tbody></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></table></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"><div id="paging-first-datatable"></div></font></p>

<p> </p>

<p><font face="나눔고딕, NanumGothic, 돋움"></body></font></p>

<p><font face="나눔고딕, NanumGothic, 돋움"></html></font></p>

<p>

#필터링 #데이터필터링 #추출검색 #검색 #데이터
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
플라이
플라이 Expert
6년 전

샘플의 css 호출과 js 호출의 경로 문제가 없는지 체크해 보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

h
history
6년 전
경로는 모두 일치합니다
�
플라이
6년 전
샘플소스 확인해 보니 자바스크립트에서 데이터 배열 형태로 생성해서 소팅되어지는 부분으로 확인되어지는데 지금 html 테이블 구조로는 지원이 되지 않는 부분으로 보입니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인