Datatables 사용자 지정 버튼

Datatables 사용자 지정 버튼 방법은 다음과 같습니다.
1、
$('#eq_table').DataTable({
            data: tmp,
            columns:[
                {data: "id"},
                {data: "name"},
                {data: "ip"},
                {data: "description"},
                {data: null}
            ],
            columnDefs:[{
                targets: 4,
                render: function (data, type, row, meta) {
                    return '+ row.id +') > 삭제';
                }
            },
                { "orderable": false, "targets": 4 },
            ],
            language:{
                "sProcessing":   " ...",
                "sLengthMenu":   "  _MENU_  ",
                "sZeroRecords":  " ",
                "sInfo":         "  _START_   _END_  ,  _TOTAL_  ",
                "sInfoEmpty":    "  0   0  ,  0  ",
                "sInfoFiltered": "(  _MAX_  )",
                "sInfoPostFix":  "",
                "sSearch":       " :",
                "sUrl":          "",
                "sEmptyTable":     " ",
                "sLoadingRecords": " ...",
                "sInfoThousands":  ",",
                "oPaginate": {
                    "sFirst":    " ",
                    "sPrevious": " ",
                    "sNext":     " ",
                    "sLast":     " "
                },
                "oAria": {
                    "sSortAscending":  ":  ",
                    "sSortDescending": ":  "
                }
            }
        });

추가 참조:
1. 첫 번째 발급은 비교적 간단하다
"columns": [
					
		{ "data": null,defaultContent: '
', orderable: false },
					
	],

코드의 글자 뜻에서 무슨 뜻인지 알 수 있지만, 어떻게 안에서 줄을 바꾸는지 나는 아직 모른다. 그래서 너무 실용적이지 않고 기본값을 정의하는 것도 괜찮다.
{ "data": "id",orderable: false,
						"mRender":function(data,type,full){
							return "";
						}	
					},

방금 보았던 방법은 리셋을 사용해도 이 열의 값을 얻고 전달할 수 있지만, 단지 하나의 값만 얻을 수 있을 뿐, 두 번째 방법이 좋지 않다.
2、두 번째는 좀 번거롭지만 실용적이다
"fnRowCallback":function(nRow,aData,iDataIndex){
        	var id = $('td', nRow).eq(0).text();
	        var ip = $('td', nRow).eq(3).text();
        	$('td:eq(-1)',nRow).html('  '+
        	' ');
        	return nRow;
        }, 

줄 데이터를 초기화할 때 리셋 방법을 사용하면 이 줄 데이터를 쉽게 얻을 수 있고 제출 기능을 완성할 수 있지만 백엔드 json이 빈 필드를 보내야 하기 때문에 유연성이 부족하다.
3. 세 번째 방법은 두 가지 방법을 결합하여 사용하면 무대 위에서 백그라운드 조작을 하지 않아도 된다는 것이다.
{ "data": null,orderable: false,}
"fnRowCallback":function(nRow,aData,iDataIndex){
        	var id = $('td', nRow).eq(0).text();
	        var ip = $('td', nRow).eq(3).text();
        	$('td:eq(-1)',nRow).html('  '+
        	' ');
        	return nRow;
        },  

좋은 웹페이지 즐겨찾기