[jsgrid] header sort 마크 제거

jsGeid에서 header 나 외부 이벤트로 컬럼들이 정렬되었을때 기본 설정 시 대상 컬럼에 sort 방향이 표시가 되는데 마크를 없애고 싶을 때 소스입니다.

jsGrid sort 가 완료되었을때 함수에서 jQuery.removeClass 를 실행시켜주면 됩니다.

대상 클래스는 jsgrid-header-sort 이고 방향에 따라서는 jsgrid-header-sort-asc , jsgrid-header-sort-desc 가 추가되기도 하지만 jsgrid-header-sort만 없애주면 이하 방향은 표시되지 않습니다.

아래에는 해당 소스입니다.

jQuery(document).ready(function ($) {
      $("#btnSortingCltrMnmtNo").on("click", function () {
          bidSortingCltrMnmtNo = bidSortingCltrMnmtNo === "ASC" ? "DESC" : "ASC";

          $("#jsGrid").jsGrid("sort", { field: "MIN_BID_PRC", sort: bidSortingCltrMnmtNo }).done(function () {

              //$("#btnSortingCltrMnmtNo").text("물건번호");
              $("#btnSortingBidCloseDate").text("마감기일 ");
              $("#btnSortingMinBidProcDate").text("최저입찰가");
              $("#btnSortingApslAsesAvgAmtDate").text("감정가 ");

              if (bidSortingCltrMnmtNo == "ASC")
                  $("#btnSortingCltrMnmtNo").text("물건번호▲");
              else
                  $("#btnSortingCltrMnmtNo").text("물건번호▼");

              removeSortMark();
          });
      });

      /* sort 방향 표시 제거*/
      function removeSortMark() {
          if ($("table.jsgrid-table th").hasClass("jsgrid-header-sort")) {
              $("table.jsgrid-table th").removeClass("jsgrid-header-sort");
          }
      }
});