1. DataTables 초기화하기: DataTable을 사용하기 위해 먼저 DataTable 객체를 초기화해야 합니다. 다음은 HTML 테이블에 DataTables를 적용하는 예시입니다.

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

1. 정렬 가능한 열 지정하기: DataTable에서 정렬 가능한 열을 지정하려면 data-orderable 속성을 사용해야 합니다. 다음은 열에 정렬 기능을 적용하는 예시입니다.

<table id="myTable">
    <thead>
        <tr>
            <th data-orderable="true">Name</th>
            <th data-orderable="false">Age</th>
            <th data-orderable="true">Country</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>John</td>
            <td>25</td>
            <td>USA</td>
        </tr>
        <tr>
            <td>Jane</td>
            <td>30</td>
            <td>Canada</td>
        </tr>
    </tbody>
</table>

1. 기본 정렬 설정하기: 특정 열을 기본으로 정렬하려면 order 옵션을 사용할 수 있습니다. 다음은 ‘이름’ 열을 기본으로 오름차순으로 정렬하는 예시입니다.

$(document).ready(function() {
    $('#myTable').DataTable({
        order: [[0, 'asc']]
    });
});

위의 예시에서 0은 첫 번째 열을 의미하고, 'asc'는 오름차순을 의미합니다.

1. 추가 정렬 옵션: DataTable에서는 다양한 정렬 옵션을 사용할 수 있습니다. 아래는 일부 예시입니다.

• asc : 오름차순 정렬
• desc : 내림차순 정렬
• num : 숫자를 기준으로 정렬
• date : 날짜를 기준으로 정렬
• false : 정렬 비활성화

더 많은 정렬 옵션은 DataTables 공식 문서를 참고하세요.

DataTable을 사용하여 테이블의 데이터를 정렬하는 방법을 알아보았습니다. 자세한 내용은 DataTables 공식 문서를 참고하시기 바랍니다.