DataTables - stateSave

DataTable의 현재 상태를 저장할 수 있는 옵션이다

$("#example").dataTable({
	stateSave: true
})

true로 하면 모든 상태가 localStorage에 저장된다.
stateDuration 옵션을 통해서 저장 기간을 지정해줄 수도 있다.
stateDuration 값이 -1 이면 sessionStorage에 저장된다.

stateSaveParams

옵션을 통해서 저장될 값을 변경해줄 수 있다.
값이 실제로 저장되기 전에 변경해준다.

$('#example').dataTable( {
  "stateSave": true,
  "stateSaveParams": function (settings, data) {
    data.search.search = "";
  }
} );

stateSaveCallback

테이블 상태가 어떻게, 그리고 어디에 저장될 지 정해주는 옵션이다. default로는 localStorage에 저장된다.

stateLoadParams

상태가 로딩되기 전에 저장된 상태값을 변경할 수 있는 옵션이다.

$('#example').dataTable( {
  "stateSave": true,
  "stateLoadParams": function (settings, data) {
    data.search.search = "";
  }
} );

stateLoadCallback

저장된 상태가 어떻게 그리고 어디서 로드돼야 할지 정해주는 옵션이다.

stateLoaded

Callback that is fired once the state has been loaded (stateLoadCallback) and the saved data manipulated (if required - stateLoadParams).

$('#example').dataTable( {
  "stateSave": true,
  "stateLoaded": function (settings, data) {
    alert( 'Saved filter was: '+data.search.search );
  }
} );