https://datatables.net/extensions/fixedheader/examples/options/columnFiltering.html
해당 사이트 처럼 구현 좀 하고 싶습니다.
근데 해당 사이트 소스에 있는 내용을 합쳐도 자료가 나오지 않네요 에휴
상기 사이트 소스 합치는 방법 좀 할수 있는까요? 자바스크립트 + html +css
부탁 좀 드립니다.
답변 6개 / 댓글 1개
소스 그대로 갔다 쓰시고
css 랑 js 를
<script src="//code.jquery.com/jquery.min.js"></script>
<script async src="//cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script async src="//cdn.datatables.net/fixedheader/3.2.0/js/dataTables.fixedHeader.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css">이걸로 넣어보세요
https://lottogroup.kr/table.php
해보니 잘 나오네요
채택
해당 소스를 잠시 봤는데 위 테이블에서 필터링 부분(현재 textbox) 을 select 로 변경하기 위해서는
모든 데이터를 option 에 넣어야 되서 아주 비효율적이 됩니다.
따라서 필터링은 지금 처럼 textbox 에 입력하는 형태로 가야 되고요
왜 selectbox 로 해야 하는지에 대해서 생각해보시고다른 방향으로 처리를 해보시기 바랍니다.
답변에 대한 댓글 1개
답변 감사드립니다.
아무리 해도 답을 못 찾아서요.. 에휴
select 문을
$(cell).html('<select name="title" > <OPTION > '+ title + '</OPTION></SELECT>');
이렇게 해 봐도 안되고 어디가 문제인지 조언 좀 부탁 드립니다.
$(cell).html('<input type="text" placeholder="' + title + '" />');
이부분을
$(cell).html('<select .... ');
형태로 변경하시면 됩니다
답변을 작성하려면 로그인이 필요합니다.