개발자의 끄적끄적

[javascript&jquery] datatable 페이징 영역 숨기는 방법  jquery datatable 를 이용하다보면 아래 이미지와 같이 pagination 영역이 노출됩니다!   위 영역을 제거하고 싶은 경우에는 datatable 를 생성하는 스크립트에서 아래 옵션을 추가해주시면 됩니다! bInfo: false,paging: false,bPaginate: false,  참고들 하세요!

[javascript/jquery] datatable Uncaught TypeError: Cannot read properties of undefined (reading 'style') 에러 해결 방법 jquery datatable 를 사용하다보면 여러가지 오류가 나는 경우가 많습니다! 그중에서 가장 흔히나는 오류중 하나가 바로 아래와 같은 오류입니다! Uncaught TypeError: Cannot read properties of undefined (reading 'style') datatable 위와 같은 오류가 나고 데이터가로딩되지 않는다면, 아마 테이블의 또는 와 같이 컬럼 갯수와 가지고오는 스크립트의 컬럼갯수가 다른 경우입니다! 당황하지 마시고, 데이터를 불러오는 스크립트의 컬럼수와 테이블의 ..

[javascript/jquery] jquery datatable Cannot read properties of undefined (reading 'style') 에러 해결 방법 jquery datatable 라이브러리를 사용하다 보면 여러가지 에러들이 발생하곤 합니다. 그중에서 아래와 같이 style 관련 에러가 나는 경우가 있는데요. 딱히 오류원인을 찾기 힘듭니다 ㅠㅠ Cannot read properties of undefined (reading 'style') 만약 위와 같은 오류가 발생한다면 고민하지마시고, 테이블에 잡아놓은 td 수와 불러오는 데이터 수가 맞지 않아서 나는 에러일 경우니 바로 스크립트와 html 을 확인해보시면 되실겁니다! 참고들 하세요!

[javascript/jquery] jquery datatable Cannot reinitialise 에러 해결 방법 jquery datatable 을 이용하다 보면 여러가지 에러들이 나곤 합니다. 그중에서 Cannot reinitialise 이런 에러가 나는 경우에는 이미 한번 초기화 된 제이쿼리가 한번더 초기화 구분이 실행되서 에러가 나는 경우입니다. 어디선가 같은 아이디의 테이블에 datatable 을 2번 로드하는 경우일 겁니다 참고들 하세요! 공식사이트 링크 : https://datatables.net/manual/tech-notes/3 3. Warning: Cannot reinitialise DataTable 3. Warning: Cannot reinitialise DataTable DataT..

[javascript/jquery] jquery datatable iDisplayStart example / jquery datatable iDisplayStart 사용법 및 예제 jquery datatable 을 이용하여 목록 테이블을 구성하다 보면 페이징을 수동으로 변경하고 싶은 경우가 있습니다. 그럴때는 iDisplayStart 라는 옵션을 사용하시면 됩니다! $('#example').dataTable( { "iDisplayStart": 10 . . . } ); 위 내용보시면 아시겠지만, iDisplayStart 옵션값을 10으로 주어주면 목록의 내용중 10번째부터 보여준다는 의미입니다! 즉 page 번호를 구해서 *iDisplayStart 를 하면 페이징과 같은 효과를 낼 수 있습니다! 참고들 하..

[javascript/jquery] jquery datatable move to page example / jquery datatable 페이지 이동 처리 방법 jqery datatable 에서 제공하는 page 기능을 사용할 수도 있지만, 특정 상황에 따라 페이지를 강제로 이동시켜야 하는 경우가 있습니다! 그럴때는 아래 방법을 사용하시면 됩니다! table.page(num).draw(false); 위 내용을 보시면 아시겠지만, datatable 로 이루어진 table 라는 객체가 있다고 가정하고 page(이동할 페이지번호).draw(false) 를 실행해주면 페이지가 이동되게 됩니다! 새로고침후 원래 페이지 번호로 이동한다든가 하는 경우에 사용하시면 될듯 합니다! 참고들 하세요!

[javascript/jquery] jquery datatable page number example / jquery datatable 페이지 번호 확인 방법 jquery datatable 을 이용하다보면 하단에 페이지 번호가 나오기는 하지만, 실제적으로 페이지 번호를 데이터로 확인해야 하는 경우가 있습니다! 그럴때는 아래와 같이 확인이 가능합니다! 우선 member_table 라는 아이디를 가진 datatable 을 mem_table 이라고 가정하고, let mem_table = $('#member_table').DataTable(); 아래와 같이 하면 page_num 이라는 변수에 페이지 번호가 담기게 됩니다! let page_num = mem_table.page.info().page; 참고들 하세요!

[javascript/jquery] jquery datatable get total records count example / jquery datatable 전체 레코드수 가져오기 jquery datatable 을 사용하다보면 특정영역에 전체 레코드 수를 표시해야 하는 경우가 있습니다. 그냥 짜여진 테이블은 데이터베이스를 조회할때 처리를 하면 되지만 jquery datatable 는 내부의 값을 찾아서 표시해야합니다. 우선 아래와 같이 dataTable 라는 아이디를 가진 datatable 형식으로 표기되고 있는 테이블을 table 라는 변수에 담고 var table = $('#dataTable').DataTable(); 위에서 담은 table 라는 변수의 값들중 page.info().recordsTot..