jquery DataTables의 초기 정렬을 비활성화하는 방법이 있습니까?


231

jquery DataTables 플러그인을 사용하고 있습니다. 그들의 문서에서 :

정렬이 활성화 된 경우 DataTables는 초기화시 첫 번째 패스 정렬을 수행합니다. 이 변수를 사용하여 정렬을 수행 할 열과 정렬 방향을 정의 할 수 있습니다. aaSorting 배열에는 처음에 열의 색인과 방향 문자열 ( 'asc'또는 'desc')을 포함하여 정렬 할 각 열에 대한 배열이 포함되어야합니다.

정렬을 활성화 할 수 있지만 초기화시이 첫 번째 패스 정렬을 비활성화 할 수 있습니까? 현재 초기 정렬 서버 측을 수행 중이며 정렬 기능이 필요하지만이 초기 정렬 기능이 필요하지 않습니다.

답변:


566

글쎄, "aaSorting" 이라는 답변 을 빈 배열로 찾았습니다 .

$(document).ready( function() {
    $('#example').dataTable({
        /* Disable initial sort */
        "aaSorting": []
    });
})

최신 버전의 Datatables (> = 1.10)의 경우 주문 옵션을 사용하십시오 .

$(document).ready( function() {
    $('#example').dataTable({
        /* No ordering applied by DataTables during initialisation */
        "order": []
    });
})

5
이 답변은 큰 도움이되었지만 잠재적 인 혼란을 지적 할 가치가 있습니다. col 0이 미리 정렬 된 asc이고이 초기 정렬이 비활성화 된 경우 사용자가 col 0의 헤더를 처음 클릭하면 asc 순서로 정렬됩니다. 사용자에게는 디스크 순서가 예상되므로 아무 일도 일어나지 않는 것처럼 보입니다. 두 번째 클릭은 디스크를 정렬합니다. 해결하기 위해서는이 당신이 설정할 수 asSorting: ['desc', 'asc']있는 aoColumnDefs첫 번째 클릭은 내림차순 정렬이되도록.
tomfumb

8
최신 버전의 순서 : []
Darren

@tomfumb 실제로 정렬되지 않은 GUI가 있습니다. 첫 번째 클릭은 항목이 변경되지 않더라도 활성화되고 있음을 나타냅니다. 이것으로 충분합니다.
넬슨

2
당신은 테이블 수준에서도 설정할 수 있습니다-><table data-order="[]">
Howdy_McGee

이 솔루션은 나를 <table data-order="[]">위해 작동 하지 않지만 나를 위해 작동합니다.
Alper


25

이 시도:

$(document).ready( function () {
  $('#example').dataTable({
    "order": []
  });
});

이렇게하면 문제가 해결됩니다.


1

데이터 테이블 옵션에서 다음을 입력하십시오.

$(document).ready( function() {
  $('#example').dataTable({
    "aaSorting": [[ 2, 'asc' ]], 
    //More options ...

   });
})

해결책은 다음과 같습니다. "aaSorting": [[2, 'asc']],

2즉, 표는 세 ​​번째 열
asc을 기준으로 오름차순으로 정렬됩니다.


12
문제는 다른 정렬 순서를 지정하는 방법이 아니라 "초기 정렬을 비활성화하는 방법"이었습니다. 이 답변은 다른 질문에 더 적합합니다.
코딩 완료
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.