[javascript] DataTables에서 테이블에 새로운 행을 동적으로 추가하는 방법은 무엇인가요?
DataTable에서 테이블에 동적으로 새로운 행을 추가하는 방법은 간단합니다. DataTables 라이브러리에는 row.add()
함수를 사용하여 새로운 행을 추가할 수 있습니다. 아래의 예제 코드를 참고해보세요:
// DataTable 초기화
var table = $('#myTable').DataTable();
// 새로운 행 데이터를 정의합니다.
var rowData = [
"John Doe",
"johndoe@example.com",
"25",
"New York"
];
// 새로운 행을 테이블에 추가합니다.
table.row.add(rowData).draw(false);
위의 코드에서, $('#myTable')
은 DataTable을 적용할 HTML 테이블의 ID를 나타냅니다. rowData
배열은 각 셀에 들어갈 값들을 나타냅니다. 마지막으로, draw(false)
함수는 테이블을 다시 그리지 않도록 설정합니다.
DataTable의 row.add()
함수를 사용하면 새로운 행을 동적으로 테이블에 추가할 수 있습니다. 이를 통해 데이터를 동적으로 업데이트하고 테이블을 관리할 수 있습니다.
더 자세한 정보는 DataTables 공식 문서를 참고하시기 바랍니다. ```