선택된 행을 사용하여 데이터 테이블 정렬

데이터 테이블을 사용하는 테이블이 있습니다. 첫 번째 열에는 확인란이 있습니다. 확인란을 선택하면 확인 된 행이 맨 위에 표시되어야하므로 테이블을 정렬 할 수 있습니까?선택된 행을 사용하여 데이터 테이블 정렬

<table class="table table-bordered table-striped"> 
    <thead align='center'><tr><th></th><th>Alphabet</th><th>Numeric</th></tr></thead> 
    <tbody align='center'> 
    <tr> 
     <td><input type='checkbox' name='id[]' value=1></td> 
     <td>A</td> 
     <td>10</td> 
    </tr> 
    <tr> 
     <td><input type='checkbox' name='id[]' value=2></td> 
     <td>B</td> 
     <td>100</td> 
    </tr> 
    <tr> 
     <td><input type='checkbox' name='id[]' value=3></td> 
     <td>C</td> 
     <td>1000</td> 
    </tr> 
    </tbody> 
</table>

출처

2016-06-27 wildashfihana

확인 된 행이 하나만 있거나 여러 행을 확인할 수 있습니까? – giuseppe

여러 행을 확인할 수 있습니다. – wildashfihana

DataTables 초기화 호출을 게시 할 수 있다면이 HTML 테이블을 만들었는지 또는 DataTables 실행의 결과인지 쉽게 알 수 없으므로 유용합니다. –

orderoption 아마 당신이 찾고있는 무슨있다. 이 호출의 사용은 (링크 된 문서에서) 다음과 같습니다

$('#example').dataTable({ 
    /*Other initialization options go here*/ 
    //sort by column 0 ascending and then by column 1 ascending 
    "order": [[ 0, 'asc' ], [ 1, 'asc' ]] 
});

당신이 필요로하는 당신이 행이 표시 체크 한 여전히 다른 열 값을 기준으로 정렬하고 싶은 경우에, 그래서 당신은 많은 열을 기준으로 정렬 할 수 있습니다

상단에있는 확인란의 열을 먼저 배열 목록에 놓은 다음 정렬 할 다른 열을 입력하면됩니다.

이 솔루션은 나중에 HTML 체크 박스를 테이블에 추가하는 것이 아니라 DataTables 확인란을 사용한다고 가정합니다. 현재 DataTables 체크 박스를 사용하고 있지 않다면, here은 초기화 방법에 대한 예제 페이지의 링크입니다.이 문서는 DataTables의 유료 에디터 확장을위한 것이지만 체크 박스 자체는 편집기 확장).

이렇게하면 검색을 통해 정렬이 계속되지만, manual ordering (ordering: false)을 끄지 않으면 사용자가 기본 순서를 제거하고 자신의 고유 한 순서로 바꿀 수 있습니다.

출처

2016-06-27 20:16:41

선택된 행을 사용하여 데이터 테이블 정렬

답변

관련 문제