Datatables 사용자 지정 버튼
5213 단어 DataTableDatatables 사용자 지정 버튼
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;
},