DataTables는 테이블 형식의 데이터를 동적으로 표시하고 다양한 기능을 제공하는 자바스크립트 라이브러리입니다. DataTables에서 페이징 기능을 사용하기 위해선 몇 가지 설정을 해주어야 합니다.

첫째로, DataTables를 초기화할 때 paging 옵션을 true로 설정해야 합니다. 이를 통해 페이징 기능을 활성화할 수 있습니다.

$(document).ready(function() {
    $('#myTable').DataTable({
        paging: true
    });
});

두번째로, 테이블에 표시할 데이터의 양에 따라 표시될 페이지 수를 조절할 수 있습니다. lengthMenu 옵션을 사용하여 표시될 페이지 수를 설정할 수 있습니다. 예를 들어, 한 페이지에 10개의 데이터를 표시하려면 다음과 같이 코드를 작성할 수 있습니다.

$(document).ready(function() {
    $('#myTable').DataTable({
        paging: true,
        lengthMenu: [10]
    });
});

세번째로, DataTables의 페이징 기능은 기본적으로 페이지 번호와 이전/다음 버튼으로 이루어져 있습니다. 그러나 페이징 스타일을 변경하고자 할 때 pagingType 옵션을 사용할 수 있습니다. 다양한 페이징 스타일을 제공하므로 필요에 따라 설정할 수 있습니다.

$(document).ready(function() {
    $('#myTable').DataTable({
        paging: true,
        lengthMenu: [10],
        pagingType: 'full_numbers'
    });
});

이처럼 DataTables에서 페이징 기능을 사용하기 위해서는 위의 설정들을 추가하면 됩니다. 페이징 기능을 사용하여 데이터를 효과적으로 관리하고 표시할 수 있습니다.

더 자세한 정보는 DataTables 공식 문서를 참고하시기 바랍니다.

• DataTables 공식 문서