현재 내 프로젝트 중 하나에서 jQuery 데이터 테이블을 사용하고 있습니다. 내가 갇혀있는 것은 새로운 행을 동적으로 추가 할 수 있고 동시에 알파벳 순서에 행을 추가 할 수 있다는 것입니다.jquery datatables 알파벳순으로 새 행 추가
API에서 fnadddata를 사용하여 행을 추가해야하지만이 함수는 테이블 끝에 새로운 행만 추가한다는 것을 알고 있습니다. 알파벳 순서에 따라 추가하지 않습니다. 따라서 나는 수동으로 행을 추가 할 위치를 찾기 위해 자신의 코드를 작성합니다.
$(".rowList").each(function() {
if($(this).text().toLowerCase() > eObj.response.name.toLowerCase()) {
$(this).closest("tr").before(eObj.response.html); // html is the new row from server
return false;
}
}
위의 코드는 알파벳순으로 위치를 찾고 이에 따라 테이블에 새로운 행을 만듭니다. 그러나 물론 데이터 테이블 fnaddData 함수를 사용하지 않으므로 행이 추가되고 테이블의 일부 이벤트 (예 : 정렬, 검색, 필터링)를 클릭하면 새 행이 사라집니다.
데이터 테이블의 DOM 및 캐시 문제로 인해 이것을 이해합니다. 이 문제를 처리 할 수있는 방법이 있습니까?
답장을 보내 주셔서 감사합니다. 나는 그렇게하려고 노력했다.하지만 datatables에서 새로운 행을 정렬하는 것은 단지 맨위로 또는 맨 아래로 이동한다. 알파벳순으로 정렬 할 수 없습니다 –