[javascript] DataTables에서 특정 행 또는 열의 데이터를 붙여넣는 방법은 무엇인가요?
DataTable에서 특정 행 또는 열의 데이터를 붙여넣기 위해서는 몇 가지 방법이 있습니다.
-
addData 메서드 사용하기 아래의 예시 코드는 DataTable에 새로운 행을 추가하는 예시입니다.
var table = $('#myTable').DataTable(); table.row.add(['Data 1', 'Data 2', 'Data 3']).draw();
위의 코드에서
row.add()
메서드를 사용하여 새로운 행을 추가하고,draw()
메서드로 테이블을 다시 그립니다.row.add()
메서드의 인자로 배열을 전달하여 각 셀에 해당하는 값을 설정할 수 있습니다. -
배열로 데이터 전달하기 DataTables는 배열 형태로 데이터를 전달받을 수 있습니다. 아래의 예시 코드는 배열 형태로 전달한 데이터를 DataTable에 추가하는 예시입니다.
var data = [ ['Data 1', 'Data 2', 'Data 3'], ['Data 4', 'Data 5', 'Data 6'] ]; var table = $('#myTable').DataTable(); table.rows.add(data).draw();
위의 코드에서
rows.add()
메서드를 사용하여 배열 형태의 데이터를 추가합니다.draw()
메서드로 테이블을 다시 그립니다. -
반복문을 통해 데이터 추가하기 여러 개의 행 데이터를 추가해야하는 경우에는 반복문을 사용하여 각 행의 데이터를 추가할 수 있습니다. 아래의 예시 코드는 반복문을 사용하여 데이터를 추가하는 예시입니다.
var data = [ ['Data 1', 'Data 2', 'Data 3'], ['Data 4', 'Data 5', 'Data 6'] ]; var table = $('#myTable').DataTable(); for (var i = 0; i < data.length; i++) { table.row.add(data[i]); } table.draw();
위의 코드에서는
row.add()
메서드를 반복하여 데이터를 추가하고,draw()
메서드로 테이블을 다시 그립니다.
위의 방법들을 이용하여 DataTables에서 특정 행 또는 열의 데이터를 붙여넣을 수 있습니다.