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

A를 눌렀을 때 A의 dataTable이 담긴 모달을,

B를 눌렀을 때 B의 dataTable이 담긴 모달을 열려고 할 때

 

A를 열고 닫은 후에 B를 열면 아래처럼 'Cannot reinitialise DataTable'라는 안내문구가 뜰 때가 있다.

DataTables warning: table id=slave - Cannot reinitialise DataTable. For more information about this error, please see
http://datatables.net/tn/3

 

이럴 경우, destroy: true를 추가해주면 모달을 종료하고 열 때마다 각각의 데이터를 보여준다.

moreVeiwTableBottom = $('#tblList3').DataTable({
	ajax:{
		"url":  url,
		"type": "GET",
		dataType : "JSON",
		complete: function(data) {
		},
		dataSrc: function(res) {
			let data = res.employee
			return data
		},
	},
	searching: true,
	info: false,
	lengthChange: false,
	paging: false,
	ordering: false,
	destroy: true,
	columns: []
    }
})