데이터테이블 DataTable] 옵션

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