728x90
반응형
var Table = $('#table').DataTable({
"destroy": true, //테이블 재생성
"paging": true, //페이징처리
"ordering": true, //칼럼별 정렬기능
"autoWidth": false, //가로자동
"lengthChange": true, //데이터건수 변경
"pageLength": 50, //기본 데이터건수
"lengthMenu": [[50, 100, 1000], [50, 100, "Max(1000)"]], //데이터건수옵션
"order": [15,'desc'], //기본 정렬칼럼
"searching": false, //검색
"scrollX": true, //가로 스크롤
"ajax": function (data, callback, settings) { //ajax 호출
$.ajax({
url: "data.do",
data: { params: JSON.stringify({
id: id
})
},
success: function(res) {
//받아온 데이터 조작
//콜백함수에 파라미터 데이터
callback(res);
}
});
},
"columns" : [ //받아온데이터의 이름 //칼럼 클래스
{"data": "id", "defaultContent": "", "className":"left"},
{"data": "name", "defaultContent": ""}
],
"columnDefs" : [//칼럼조작
//가로길이 //칼럼제목 //데이터타겟 //해당칼럼만 정렬기능사용안함
{"width":"1em", "title":"ID", "targets":1, "orderable": false},
{"width":"1em", "title":"Name", "targets":2}
]
})
반응형
'개발자의 공부방 > Frontend' 카테고리의 다른 글
자바스크립트] 다음주소 API 주소찾기 적용하기 (0) | 2020.03.30 |
---|---|
ajax] 배열과 오브젝트 feat. input 에 value 값 넣기 (0) | 2020.03.27 |
데이터테이블 DataTable] 옵션 (0) | 2020.03.20 |
DataTable] DataTables Cannot read property 'length' of undefined 에러 (0) | 2020.03.20 |
Vue] 배움 1일 차. (0) | 2020.03.06 |
자바스크립트] 함수 (0) | 2020.02.07 |
댓글0