[컴][자바스크립트] DataTables 에서 custom column sorting 만들기

custom column sorting on datatables / sorting 만들기 / sorting 추가하기 / 정렬 방법 추가

Custom column sorting

var status;

status = {
  "Enabled": 100,
  "Disabled": 200,
  "Deleted": 300,
  "Unregistered": 400,
  "Inprogress": 500,
  "Failed": 600,
  "Forced Stop": 700
};

$.extend($.fn.dataTableExt.oSort, {
  "status-asc": function(a, b) {
    var aa, bb;
    aa = status[a];
    bb = status[b];
    return ((aa < bb) ? -1 : ((aa > bb) ? 1 : 0));
  },
  "status-desc": function(a, b) {
    var aa, bb;
    aa = status[a];
    bb = status[b];
    return ((aa < bb) ? 1 : ((aa > bb) ? -1 : 0));
  }
});

$('#example').dataTable( {
  "columns": [
    { "type": "status" },
    null,
    null,
    null,
    null
  ]
} );

In server-side processing

주의할 점은 server-side processing 에서는 sorting 을 server side 에서 해주고 결과만 뿌려주는 것이어서 server-side mode 를 사용할 때는 당연히 위의 column sorting 은 적용되지 않는다.

 References

1. Sorting on weekdays - DataTables forums
2. javascript - datatables 1.10 and custom sorting function - Stack Overflow