Node.js , JQuery | 테이블 만들기 | 정렬하기

1. 먼저 클라이언트 쪽에서 이전에 올렸던 carlist_condition 부분을 참고하면

insertTr += "<th width='28%' name='CN'>"+i18nconvert("CN")+"<a href='javascript:sortList(pagingObject,CN);'><i id = 'CN' class='float-right mx-1 fas fa-lg fa-fw m-t-3 ";
	if(Object.sort == "CN-2")
		insertTr += "fa-sort-up'></a></i></th>";
	else if(Object.sort == "CN")
		insertTr += "fa-sort-down'></a></i></th>";
	else 
		insertTr += "fa-sort'></a></i></th>";

 

 

 

이런식으로 sort 값에 따라 텍스트 옆에 화살표 모양이 바뀌는것을 설정해 둔 후 ( 정렬할 텍스트를 클릭할 경우 )

sort에 "-2" 텍스트를 추가하여 -2가 있을 경우 백엔드에서 거꾸로 sort 해주게끔 설계하였다.

 

 

2. sortList 함수 실행 후 pagereload 함수를 실행하여 백엔드에서 받아온 데이터를 리스트에 뿌려주게끔 하였다.

// 정렬 기능
function sortList(Object, sort) {
	var pagelist = Object.array;
	var sortPlus = sort.id;
	
	if(document.getElementById(sort.id).classList.contains('fa-sort-down')) {
 		var sortPlus2 = sortPlus + "-2";
	}
	else {
 		var sortPlus2 = sortPlus;
	}
	
	Object.array = pagelist;
	Object.sort = sortPlus2;
	pagereload(Object);
}