datatable 활용하기

나의 경우에는 지도가 idle상태에 들때마다 해당 영역의 정보들을 DB에서 가져와서 datatable로 출력해야하고,

DB데이터는 이미 API호출을 통해서 json형태로 들고있는 상태였다.

datatable예제들은 죄다 datatable을 선언할 때 ajax를 통해 API호출을 하는 형태였기 때문에 나의 경우와는 맞지 않았다.

열심히 서칭을 한 결과 아래 페이지를 참고할 수 있었다.

https://codezup.com/jquery-datatables-example-with-json-data/

이 페이지에서는 json형태의 data를 미리 선언해서, dataTable 선언시 그 데이터를 그대로 담아주는 형태였다.

나도 API를 통해 DB의 데이터를 json형태로 갖고있는 상황이었기 때문에 그대로 따라했더니 됐다.

(사실 serverSide옵션을 넣으니 자꾸 에러가 발생해서 이 옵션을 빼는데까지 삽질을 좀 했다)

 

그러나, 첫 화면에서는 잘 작동했지만 지도를 옮기고 idle상태가 되면 다시 datatable이 깨지는 오류가 발생했다.

https://anerim.tistory.com/119

[자바스크립트 js] dataTable 오류 / Cannot reinitialise DataTable

 

이미 datatable이 있는데 같은 테이블을 생성하려고해서 생기는 오류였다.

destryo: ture 옵션을 주면 된다.

https://anerim.tistory.com/119

[자바스크립트 js] dataTable 오류 / Cannot reinitialise DataTable