$(document).ready(function() {
$('#example').dataTable({
"sScrollX": "100%", // 테이블 폭
"sScrollXInner": "110%", //테이블 내용의 너비
"bScrollCollapse": true, //표시되는 데이터가 테이블의 기본 높이를 지원하기에 충분히 크지 않을 때는 수직 스크롤 바가 여전히 표시됩니다. (기본값은 거짓입니다)
"bPaginate": 참, //페이지네이션이 표시되는지 여부
"bLengthChange": true, //페이지당 표시되는 레코드 수
"bFilter": true, //search bar
"bSort": true, //정렬 함수가 지원되는지 여부
"bInfo": true, //테이블 정보 표시
"bAutoWidth": false, //적응형 폭
"aaSorting": [[1, "asc"]], //리스트 정렬, 첫 번째 매개변수는 배열(0부터 시작)을 나타냅니다. 1은 브라우저 열을 나타냅니다. 두 번째 매개변수는 desc 또는 asc
"aoColumns": [
null,
null,
{
"bVisible": 참, //보이지 않음
"bSearchable": false, //참여
},
null,
null
], // 열 설정, 테이블에는 여러 열이 있고, 배열에도 여러 항목이 있습니다
"bStateSave": true, //Save state를 쿠키 ***************에 저장하는 것이 중요합니다. 검색할 때 페이지가 새로고침되면 검색이 사라집니다. 이 특성은 피할 수 있습니다
"sPaginationType": "full_numbers", //pagination, 두 가지 스타일, full_numbers와 two_button (기본값)
"oLanguage": {
"sLengthMenu": "페이지당 _MENU_ 레코드 표시",
"sZeroRecords": "죄송합니다, 관련 데이터는 조회할 수 없습니다."
"sInfo": "현재 _TOTAL_ 레코드에 대해 _START_부터 _END_까지 표시 중",
"sInfoEmtpy": "데이터 없음",
"sInfoFiltered": "데이터 테이블에 있는 _MAX_ 레코드의 총합)",
"sProcessing": "로딩 중...",
"sSearch": "검색",
"sUrl": "", //다국어 설정 파일을 통해 oLanguage 설정을 txt 파일에 넣을 수 있게 해줍니다. 예: Javascrip{filter}t/datatable/dtCH.txt
"oPaginate": {
"sFirst": "첫 페이지",
"sPrevious": "이전",
"sNext": "다음",
"라스트": "마지막 페이지"
}
}, //다국어 구성
"bJQueryUI": false, // jqury의 UI 테마를 추가할 수 있습니다. CSS를 추가해야 합니다
"aLengthMenu": [[10, 25, 50, -1, 0], ["페이지당 10개의 항목", "페이지당 25개의 항목", "페이지당 50개의 항목", "모든 데이터 표시", "데이터 표시 금지"]] // 드롭다운 메뉴를 페이지당 기록을 표시하도록 설정하세요
});
});
기본 설정으로 직접 호출하세요
$('#example').dataTable();
|
게시됨 2015. 11. 2. 오후 4:47:09
|
|
|
|
