Jquery : 데이터 테이블에 사용자 정의 행 추가

Question

5 개의 열을 포함하는 html 페이지를 만들었습니다. 마지막에는 버튼이 있습니다. 각 행에는 마지막 열에 버튼이 있습니다.

것은 내가 datatables 플러그인을 사용하고 있습니다 :

var oTable = $(".datatable-fn").dataTable({ 
    sPaginationType: "full_numbers" 
}); 

가 지금은 테이블에 새 행을 추가해야합니다. 나는 이것을하는 fnAddData 함수가 존재한다는 것을 알고 있지만 행의 마지막 셀에 어떻게 버튼을 추가 할 수 있는지 모른다.

Answer 1

당신은 새로운 세포의 모든 HTML 콘텐츠를 추가 할 수 있습니다

$('#example').dataTable().fnAddData([ 
    giCount+".1", 
    giCount+".2", 
    giCount+".3", 
    "<button>My button</button>" ]); 

이 createElement 사용 :

var button = document.createElement("button"); 
button.innerHTML = "My button"; 

$('#example').dataTable().fnAddData([ 
    giCount+".1", 
    giCount+".2", 
    giCount+".3", 
    button.outerHTML ])