테이블 하단의 내 테이블에 "새로 고침"버튼을 추가하고 싶습니다. 하지만 방금 datatables를 사용하기 시작했고 "sDom"부분에서 혼란스러워 보였습니다. 그 의미를 통해이 작업을 수행 할 수 있다고하지만 설명은 모호합니다.Datatables sDom이 테이블의 왼쪽 하단에 새 요소를 추가합니다.
"sDom": '<"top"i>rt<"bottom"flp><"clear">'
는 datatables.net 예입니다,하지만 난 머리 또는 그것의 꼬리를 만드는 방법을 몰라하고 내가 원하는 모두는 하나의 간단한 일이다.
또는 내가하고 싶은 일에 더 적합 할 "sDom"외부가 있습니까?
다음은 수정 된 sDom의 실시간 예입니다.
http://live.datatables.net/onaqul/edit#javascript,html,live
는 여기에서 우리는 structrue <"#refresh">와 div라는 <div id="refresh"></div>을 주입하고 있습니다. 당신이 예에서 생성 된 DOM을 검사하는 경우
$('#example').dataTable({
"sDom": '<"top"i>rt<"bottom"<"#refresh">flp><"clear">'
});
, 당신은 <div id="refresh"></div>가 <div class="bottom"></div>의 내부에 삽입되었다 볼 수 있습니다.
(1) 특정 표에 꼬리 모양 요소가 어떻게 배치되었는지, (2) sDom을 사용하여 특정 요소를 주입하기로 결정한 곳, (3) 귀하의 CSS.
또는 datatables 환경 외부에서 버튼을 만들 수도 있지만 jquery를 사용하여 데이터 테이블이 만드는 dom 요소 중 하나에 버튼을 추가하거나 앞에 추가 할 수 있습니다.
희망 시작일입니다.
DataTables 'sDom' 속성이 혼동 스럽다는 것에 동의합니다. 개인적으로 나는 단지 sDom을 't'과 동일하게 설정하여 테이블 만 생성하고 버튼을 추가하거나 jQuery 또는 다른 방법을 사용하여 DataTables 코드 외부에있는 것을 추가합니다. 응답의 많지는 않지만, 내가 당신의 상황에 있고 버튼을 추가하는 것과 같은 간단한 일을하고 싶었다면 그렇게 할 것입니다.
아니 dom-wise so –