테이블 바닥 글에 버튼 추가하기

Question

클릭하면 새로운 양식 추가로 사용자를 보낼 수 있도록 "추가"버튼을 데이터 테이블 바닥 글 영역에 추가 할 수있는 방법을 찾고 있습니다. datatables 웹 사이트에서 보았습니다.이 정보를 사용해야하는지 여부는 확실하지 않습니다.

http://datatables.net/extras/tabletools/

이에 대한 다른 생각?

var oTable = $('#users').dataTable({ 
    "bAutoWidth": false, 
    "aoColumnDefs": [ 
     { "sWidth": "60px", "aTargets": [ 0, -1 ] }, 
     { "bSortable": false, "aTargets": [ -1 ] }, 
     { "sClass": "center", "aTargets": [ 0, -1 ] } 
    ] 
}); 

Answer 1

TableTools가 필요 없습니다.

datatables에서 테이블의 DOM 레이아웃을 지정하는 sDOM 속성을 설정할 수 있습니다. here에 대한 자세한 내용을 볼 수 있지만 가져 오기의 요점은 꼬리표에 맞춤 div을 지정할 수 있다는 것입니다. 그런 다음 jQuery를 사용하여 해당 div에 단추를 추가 할 수 있습니다. 또한 CSS는 바닥 글에 해당 요소를 배치 할 때 잘 작동해야합니다. 행운

Here's more on the Datatables DOM settings

And here's a good question in the Datatables forum that might help you out

좋은!

업데이트 : 방금 ​​사이트를 방문하여 데이터 테이블 설정을 살펴 보았습니다. 템플릿을 사용하고 있기 때문에, 제공 한 데이터 테이블 코드는 어느 정도 손상되었습니다. 따라서 datatables.net 지원 사이트에서 볼 수있는 '기본값'중 일부는 적용될 수 없습니다. 그들은 sDom을 기본적으로 변경했습니다. 여기가 ... 사용하고있는 작업은 다음과 같습니다

'<"top"lf<"clear">>rt<"actions"<"actions-left"i><"actions-right"p>>' 

그것은 "행동"과 같은 그들의 바닥 글 div입니다. 쉬운 방법은 $(selector).append()을 통해 버튼을 동적으로 추가하는 것입니다. 도움이 필요하면 jQuery 사이트를 방문하십시오.

다시 - 행운을 빈다! 귀하의 코멘트에 대한 응답으로 :

업데이트 2

다음 선택이 될 것입니다 무엇?

셀렉터는 '#actions'입니다. 그러나 위의 $ 구문에 익숙하지 않다면 jQuery을 읽어 보시기 바랍니다. 당신이 이미 jQuery에 익숙하고 선택기 ID를 사용하고 싶다면 (제발, 나중에 참고할 수 있도록 - 데이터 테이블 내의 인용 부호 안에 무엇이든) sDom 매개 변수는 사용할 수있는 div의 ID가 될 것이다. 당신의 선택자).