[javascript] DataTables에서 특정 행 또는 열을 복사하는 방법은 무엇인가요?

30 Nov 2023

javascript

먼저, 특정 행을 복사하는 경우 다음 코드를 사용할 수 있습니다:

var table = $('#example').DataTable();

$('#example tbody').on('click', 'tr', function () {
    var row = table.row(this).data();
    var newRow = row.slice(); // 행 복사하기
    table.row.add(newRow).draw(); // 행 추가하기
});

위 코드에서 example은 DataTable의 ID입니다. 클릭 이벤트를 감지하고 클릭된 행의 데이터를 복사하여 새로운 행으로 추가합니다.

만약, 특정 열을 복사하고 싶다면, 다음 코드를 사용할 수 있습니다:

var table = $('#example').DataTable();

$('#copy-column').on('click', function () {
    var columnData = table.column(0).data(); // 첫 번째 열 데이터 가져오기
    var newColumnData = columnData.toArray().slice(); // 열 복사하기
    table.column(0).data().clear(); // 열 데이터 초기화
    table.column(0).data().add(newColumnData); // 복사한 열 데이터 추가하기
    table.draw(); // 테이블 다시 그리기
});

위 코드에서 copy-column은 복사 버튼의 ID입니다. 클릭 이벤트를 감지하고 특정 열의 데이터를 복사하여 해당 열의 데이터를 업데이트합니다. 첫 번째 열을 복사하고 싶다면 column(0)을 다른 열의 인덱스로 변경하면 됩니다.

DataTable에서 특정 행 또는 열을 복사하는 방법에 대해 알아보았습니다. DataTables의 다양한 기능을 활용하여 테이블 데이터를 다룰 수 있습니다. 자세한 내용은 DataTables 공식 문서를 참고하시기 바랍니다.